JavaScript高级教程 - 第四课

作者： Thau   

　 文档对象模型（DOM)的问题之一是:有时你要获取你要求的 对象简直就是痛苦。例如，这里有一个函数询问用户要变换 哪个图象:变换哪个图象

你可以用下面这个函数：

      
function swapOne()
{
    var the_image = prompt("change parrot or cheese","");
    var the_image_object;

    if (the_image == "parrot")
    {
        the_image_object = window.document.parrot;
    } 
  else {
        the_image_object = window.document.cheese;
    }

    the_image_object.src = "ant.gif";
}

连同这些image标记:

<img src="stuff3a/parrot.gif" name="parrot">
<img src="stuff3a/cheese.gif" name="cheese">

请注意象这样的几行语句：

      
the_image_object = window.document.parrot;

它把一个鹦鹉图象对象敷给了一个变量。虽然看起来有点 儿奇怪，它在语法上却毫无问题。但当你有100个而不是两个 图象时怎么办？你只好写上一大堆的 if-then-else语句，要是 能象这样就好了：

      
function swapTwo()
{
    var the_image = prompt("change parrot or cheese","");
    window.document.the_image.src = "ant.gif";
}

不幸的是, JavaScript将会寻找名字叫 the_image而不是你所希 望的"cheese"或者"parrot"的图象，于是你得到了错误信息：” 没听说过一个名为the_image的对象”。

还好，eval能够帮你得到你想要的对象。

    
function simpleSwap()
{
    var the_image = prompt("change parrot or cheese","");
    var the_image_name = "window.document." + the_image;
    var the_image_object = eval(the_image_name);
    the_image_object.src = "ant.gif";
}

如果用户在提示框里填入"parrot"，在第二行里创建了一个字 符串即window.document.parrot. 然后包含了eval的第三 行意思是： "给我对象window.document.parrot" - 也就是 你要的那个图象对象。一旦你获取了这个图象对象，你可以把 它的src属性设为ant.gif. 有点害怕？用不着。其实这相当有 用，人们也经常使用它。

如果你不喜欢eval(), 有另一种获取难以索引的对象的途径。>>

JavaScript高级教程
第一页 JavaScript高级教程- 第4天
第二页 图象映射与JavaScript
第三页 预装图象 - 是什么?
第四页 预装图象 - 怎么做?
第五页 对象的优点
第六页 创建你自己的对象
第七页 你的面向对象的虚拟宠物
第八页 计算字符串
第九页 获取难以索引的对象
第十页 另一种获取难以索引的对象的手段
第十一页 第四天课程复习

[第1课][第2课][第3课][第4课][第5课]

来源： Wired Digital Inc.