JS自动给img src添加域名前缀的代码
时间:11-24
作者:
这个代码的主要作用是,利用JS自动将页面指定DIV内的图片加上域名前缀,如代码: 1
2
3
4 <div class="con">
<img src="/images/001.jpg">
<img src="/images/002.jpg">
<
2
3
4 <div class="con">
<img src="/images/001.jpg">
<img src="/images/002.jpg">
<
这个代码的主要作用是,利用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.ps288.com/images/001.jpg" > < img src ="http://www.ps288.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.ps288.com"+aImgs[i].getAttribute('src');
}
};
</script>
</body>
</html>