第九页：
获取难以索引的对象
文档对象模型（
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课
]
|