js中将图片路径赋值给var

JavaScript018

js中将图片路径赋值给var,第1张

使用js,读取其中一个图片的路径,并把该图片的路径赋值给另一个图片。

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如<img

id="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:的本地文件,而不是服务器上的文件。