使用js获取页面中所有的图片地址

JavaScript014

使用js获取页面中所有的图片地址,第1张

var imgs = document.getElementsByTagName("img")var imgURLs=new Array(imgs.length)for(var i = 0i<imgs.lengthi++){ imgURLs[i] = imgs[i].src//如果用document.getElementsByTagName("img")[i].src每取一个图片地址就会对全部图片查找一次，这样效率比较低，还是储存在imgs中比较好！}//以上代码最好放在页面的最后面，或window.onload事件里，这样就不会因为页面没有全部加载完而没有全部读取到img元素使用js获取页面中所有的图片地址

在我的电脑，下面的代码成功：

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