欢迎光临一流素材网,免积分免费素材下载!
AD
当前位置:首页 > JS代码 > 图片特效

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

所属栏目:图片特效更新时间:2019-11-06原作者:不详发布者:deepdfhy浏览:0
基本信息
  • 发布者:
  • 原作者:不详
  • 来源:不详
  • 版权声明


这个代码的主要作用是,利用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.ucjais.cn/images/001.jpg">
<img src="http://www.ucjais.cn/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&lt;l;i++){
            aImgs[i].src = "http://www.ucjais.cn"+aImgs[i].getAttribute('src');
          
    }
    };
</script>
    </body>
</html>

具体效果请看演示,一流资源网推荐下载。

标签:
代码下载(0)
收藏 0 有帮助 0 没帮助 0
请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

立即打赏 0
给个评价吧
最受欢迎的

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

2可全尺寸放大随意拖动查看的看图jQuery插件-Picbox

3点击图片更换图片的代码

4像纸一样展开的效果

5css3图片变换形状特效

7JS图片翻转翻页效果代码

8jquery hover图片滑动特效代码

9jQuery鼠标悬停图片翻牌滑动切换显示代码

10产品图片360度旋转展示效果代码

最新更新的

1jQuery图片滑动翻牌效果

2JS网页图片延迟加载代码

3css3图片变换形状特效

4jquery hover图片滑动特效代码

5点击图片更换图片的代码

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

7像纸一样展开的效果

9jQuery鼠标悬停图片翻牌滑动切换显示代码

10jquery拖动图片查看代码

领航时时彩软件 什么股票配资平台安全 炒股说明 炒股入门知识视频从零开始学 基金配资地址 股票配资平台找恒瑞行配资丿 赤赢配资 捷捷盈配资 上证指数行情实时行情 惠配资 理财平台 南京期货配资 百盛期货配资 股票配资推荐公正卓信宝配资 私募基金配资参与上市公司定增 兴业理财平台 南京化纤股票