首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JS用正则替换字符串中所有IMG的SRC,实现LAZYLOAD延迟加载,如何弄

2013-10-27 
JS用正则替换字符串中所有IMG的SRC,实现LAZYLOAD延迟加载,怎么弄?比如字符串中有多个IMG,可能有以下各种格

JS用正则替换字符串中所有IMG的SRC,实现LAZYLOAD延迟加载,怎么弄?
比如字符串中有多个IMG,可能有以下各种格式
<img src='1.jpg'/>
<img width='100' height='100' src='2.jpg'/>
<img style='width:100px;height:100px' src='3.jpg'/>
想用JS批量替换字符串中所有IMG的SRC为预览图,并将原SRC设成LAZYLOAD,要怎么写呢?
想得到的输出结果如下:
<img src='http://www.123.com/loading.gif' lazyload='1.jpg'/>
<img width='100' height='100' src='http://www.123.com/loading.gif' lazyload='2.jpg'/>
<img style='width:100px;height:100px' src='http://www.123.com/loading.gif' lazyload='3.jpg'/> 正则 js
[解决办法]
str.replace(/(<img .*?src=)/ig,"$1'http://www.123.com/loading.gif' lazyload=")

热点排行