日期:2014-05-16  浏览次数:20364 次

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=")