JavaScript有许多小窍门来使编程更加容易。其中之一就是eval()函数,这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。举个例子:
var uneveled = "2 + 3";
var evaled = eval("2+3");
alert(uneveled);
alert(evaled);
结果依次为"2+3"和5,说明字符串"2+3"已经被执行了。
这个看起来似乎有点傻,其实可以做出很有趣的事。比如使用eval你可以根据用户的输入直接创建函数。这可以使程序
根据时间或用户输入的不同而使程序本身发生变化,通过举一反三,你可以获得惊人的效果。在实际中,eval很少被
用到,但也许你见过有人使用eval来获取难以索引的对象。
function changeImg() {
var the_img = prompt("input a name of the image you want to change", "");
var the_img=document.the_img // Error
img_obj.src = "003.jpg";
}
<img src="001.jpg" name="pic1" alt="01" width="240" height="320" /><img src="002.jpg" name="pic2"
alt="02" width="240" height="320" />
<input type="button" value="变化图像" οnclick="changeImg()" />
上面的例子中,尽管变量the_img是你要替换的图片的名字,但你用document.the_img访问对象时会得到了错误信息:”
没听说过一个名为the_img的对象”。因为document不能识别这个变量。但知道了eval函数的功能后就很好解决了
方法1:将 document.the_img改为 eval("document." + the_img);用eval函数将字符串转换为表达式(表达式可以是变量或函数)
方法2:将 document.the_img改为 document.images[the_img],,用图片对象数组来获取对象。
如果你不喜欢用eval,就用第二种比较常用的方法。