用正则表达式替换图片地址img标签


Posted in Javascript onNovember 22, 2013

开始想到的解决方法是:

content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match) {
    console.log(match);
});

输出结果是:

<img src="https://3water.com/images/logo.gif" alt="" width="142" height="55" />

得到的是整个img标签,但我期望得到的是src中的网址,这样只需在function(match)中返回新地址就行了。
于是,卡在这里了。。。
后来,通过Google搜索关键字“javascript replace callback”,在stackoverflow中找到了“replace callback function with matches”,才知道function(match)还有其他参数

然后,改为下面的代码,问题就解决了。

content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {
    console.log(capture);
});

输出结果:

https://3water.com/images/logo.gif
Javascript 相关文章推荐
js 代码集(学习js的朋友可以看下)
Jul 22 Javascript
js 绑定带参数的事件以及手动触发事件
Apr 27 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
Jan 16 Javascript
js实现图片和链接文字同步切换特效的方法
Feb 20 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
AngularJS入门之动画
Jul 27 Javascript
AngularJS之依赖注入模拟实现
Aug 19 Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
js HTML5 canvas绘制图片的方法
Sep 08 Javascript
vue脚手架中配置Sass的方法
Jan 04 Javascript
node+express框架中连接使用mysql(经验总结)
Nov 10 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 #Javascript
jquery ajax中使用jsonp的限制解决方法
Nov 22 #Javascript
javascript禁用Tab键脚本实例
Nov 22 #Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 #Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 #Javascript
javascript删除option选项的多种方法总结
Nov 22 #Javascript
js截取固定长度的中英文字符的简单实例
Nov 22 #Javascript
You might like
php 采集书并合成txt格式的实现代码
2009/03/01 PHP
PHP 一个随机字符串生成代码
2010/05/26 PHP
PHP使用http_build_query()构造URL字符串的方法
2016/04/02 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
PHP实现简易计算器功能
2020/08/28 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
JS的反射问题
2010/04/07 Javascript
javaScript函数中执行C#代码中的函数方法总结
2013/08/07 Javascript
document.write的几点使用心得
2014/05/14 Javascript
javascript刷新父页面的各种方法汇总
2014/09/03 Javascript
javascript去除空格方法小结
2015/05/21 Javascript
javascript图片滑动效果实现
2021/01/28 Javascript
跟我学习javascript的undefined与null
2015/11/17 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
2015/11/25 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
Web Uploader文件上传插件使用详解
2016/05/10 Javascript
Angular的模块化(代码分享)
2016/12/26 Javascript
javascript九宫格图片随机打乱位置的实现方法
2017/03/15 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
在vue项目中引入highcharts图表的方法(详解)
2018/03/05 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
[02:05]DOTA2完美大师赛趣味视频之看我表演
2017/11/18 DOTA
[45:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第二场 6.2
2018/06/04 DOTA
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
使用python为mysql实现restful接口
2018/01/05 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
python hash每次调用结果不同的原因
2019/11/21 Python
Python列表操作方法详解
2020/02/09 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
年度献血先进个人事迹材料
2014/02/14 职场文书
个人校本研修方案
2014/05/26 职场文书
运动会演讲稿300字
2014/08/25 职场文书
销售简历自我评价怎么写
2014/09/26 职场文书
卫校毕业生自我鉴定
2014/09/28 职场文书
礼仪培训心得体会
2016/01/22 职场文书