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

南望王师又一年 2013-10-25 12:50:57
比如字符串中有多个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'/>
...全文
267 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
挨踢直男 2013-10-25
  • 打赏
  • 举报
回复
str = str.replace(/src/gi, "src='http://www.123.com/loading.gif' lazyload");
花木兰1闪21A 2013-10-25
  • 打赏
  • 举报
回复
ls应该差不多了
  • 打赏
  • 举报
回复
谢谢,1楼给满分,3楼的答案我也想到了,但是会对其他含有src属性的标签比如<embed>产生误操作
天际的海浪 2013-10-25
  • 打赏
  • 举报
回复
str.replace(/(<img .*?src=)/ig,"$1'http://www.123.com/loading.gif' lazyload=")

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧