js代码|JS自动给img src添加域名前缀的代码
时间：2021-07-20 15:13:52 阅读：1038
这个代码的主要作用是，利用JS自动将页面指定DIV内的图片加上域名前缀，
如代码：
1 2 3 4 | <div class="con"><img src="/images/001.jpg"><img src="/images/002.jpg"></div> |
如果利用JS，自动给 .con 里的所有图片src 加上域名，变成如下：
1 2 3 4 | <div class="con"><img src="http://www.16css.com/images/001.jpg"><img src="http://www.16css.com/images/002.jpg"></div> |
代码如下：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!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> |
网友评论