JS自动给img src添加域名前缀的代码

文章作者：技术宅 | 2022-11-24

字体大小：大中小

这个代码的主要作用是，利用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>