Javascript高级教程-另一种获取难以索引的对象的手段

来源： 作者：unkonwn 时间：2004-12-02 点击：

这就是我们迄今为止学到的获取图象对象的手段：

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";

}

 数据挖掘研究院

从这里延伸一下，你也可以通过图象的名字在图象关联数组
中引用图象，比如：window.document.images ["parrot"].src. 这就象通过数组的下标引用图象一样，如
window.document.images[0].src. 所以，上面的代码可
以重新写成：

function simpleSwap()

{

	var the_image = prompt("change parrot or cheese","");

	window.document.images[the_image].src = "ant.gif";

} 数据挖掘研究院

你可以用这种技巧获得你的各种对象。如果在一个表单里有
一个文本框，象这样：

          

<form name="the_form">

<input type="text" name="the_text_box">

</form>

 数据挖掘实验室

你可以用这个来改变文本框里的文本：数据挖掘研究院

window.document.forms["the_form"].elements["the_text_box"].value = "hello!";

数据挖掘研究院

现在你已经知道了好几种获取和改变对象信息的途径了。在
上面的例子里，我们可以用四种手段来设置文本框的文本：数据挖掘实验室



var the_form_name = "the_form";

var the_element_name = "the_text_box";

 数据挖掘实验室

window.document.forms[0].elements[0].value = "hello!";
window.document.forms[the_form_name].elements[the_element_name].value = "hello!";
window.document.the_form.the_text_box.value = "hello!";
var the_element_string = "window.document." + the_form_name + "." + the_element_name; var the_element = eval(the_element_string); the_element_string.value = "hello!";

具体到你用哪个方法也许取决于你的心情以及你能想起来用
那一个。

这就是我们今天的课程，我们来复习一下。

数据挖掘研究院

今天的课程涉及到许多话题，广泛而深入。我们开始先对客户
端图象映射做了简单的介绍，又学习了如何象与链接一样往图
象区域加入 JavaScript代码。

数据挖掘研究院

那以后我们学习了如何巧妙地利用图象对象来预装图象。创建
一个图象对象并且把一个图象设成那个对象的src属性，这将自
动地把这个图象调到你的缓冲区里。

数据挖掘研究院

因为图象和其它对象是如此重要，我们花了相当大的篇幅研究
了有关对象和面向对象编程的问题，结束时我们创建了一个虚
拟宠物对象，它拥有自己的属性和方法。

数据挖掘研究院

最后，我们学习了如何利用 eval()函数和关联数组对其他手段
难以获取的对象进行操作。

数据挖掘研究院

面向对象程序设计是一个新鲜有趣的思想，通过理解它的道理，
你为成为下一个千年到来后成功的程序员迈出了一大步。