JavaScript高级教程 - 第四课
Thau
教程JavaScript
网站设计
HTML
JavaScript
样式表
动态HTML
XML
图形与字体
多媒体
Java
后端编程
浏览器
电子商务
其它资源
Web 入门
软件下载

第九页:获取难以索引的对象

 

文档对象模型(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.所有,任何单位或个人未经许可,不得擅自转载使用。 搜狐公司制作完成。