2
/7
首先,创建一个文本文件,将扩展名重命名为htm。
3
/7
打开文件进行编辑,首先,创建两个图片元素对象,分别将ID设置为imgA和imgB。
4
/7
给imgA设置src,使之产生图像。imgB不设置,使他没有图像。
5
/7
给imgA添加点击事件,点击后,将imgA的路径赋值给imgB。
6
/7
加入script代码如下:
<script type="text/javascript">
function getLuJing()
{
var lujing=document .getElementById("imgA").src
document .getElementById ("imgB").src=lujing
}
</script>
7
/7
运行效果如下:
先给图片标签<img>赋个ID如<imgid="s"/>
然后在JS里写document.getElementById("s").src=图片路径就可以了
在我的电脑,下面的代码成功:
<html><head>
<title> 选择一幅图片 </title>
</head>
<body>
<img name = img1 src="" border="0" width="400"height=500>
<script language="javascript" type="text/javascript">
var myImages = new Array("e:/TEMP/文件/三生石.jpg", "e:/TEMP/文件/中国心.jpg")
var imgIndex = prompt("Enter a number from 0 to 1", "")
document.images["img1"].src = myImages[imgIndex]
</script>
</body>
</html>
你的路径里面的\在JS里面会转义,应该使用\\或者/
此外,这样的程序只能在你的机器上运行,在服务器上的时候,浏览器是显示操作浏览器的那个人的电脑上的e:的本地文件,而不是服务器上的文件。