这个代码的主要作用是,利用JS自动将页面指定DIV内的图片加上域名前缀,
如代码:
<div class="con"> <img src="/images/001.jpg"> <img src="/images/002.jpg"> </div>
如果利用JS,自动给 .con 里的所有图片src 加上域名,变成如下:
<div class="con"> <img src="http://www.16css.com/images/001.jpg"> <img src="http://www.16css.com/images/002.jpg"> </div>
代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div class="con" id='box'> <img src="/images/001.jpg"> <img src="/images/002.jpg"> </div> <script> window.onload = function(){ var aImgs = document.getElementById("box").getElementsByTagName('img'); for(var i=0;l = aImgs.length,i<l;i++){ aImgs[i].src = "http://www.16css.com"+aImgs[i].getAttribute('src'); } }; </script> </body> </html>
具体效果请看演示,一流资源网推荐下载。