用正则表达式替换图片地址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 相关文章推荐
jquery.validate使用攻略 第一部
Jul 01 Javascript
JQuery中的$.getJSON 使用说明
Mar 10 Javascript
js动态拼接正则表达式的两种方法
Mar 04 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
Sep 24 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
angular中的cookie读写方法
Aug 02 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
Sep 18 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
跟混乱的页面弹窗说再见
Apr 11 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
Jun 12 Javascript
浅谈Vue组件单元测试究竟测试什么
Feb 05 Javascript
Vue+Spring Boot简单用户登录(附Demo)
Nov 12 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随机生成数字字母组合的方法
2015/03/18 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
PHP封装的数据库保存session功能类
2016/07/11 PHP
Yii2下点击验证码的切换实例代码
2017/03/14 PHP
PHP chop()函数讲解
2019/02/11 PHP
JavaScript的9个陷阱及评点分析
2008/05/16 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
JavaScript组合拼接字符串的效率对比测试
2014/11/06 Javascript
jQuery实现文本展开收缩特效
2015/06/03 Javascript
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
2016/01/07 Javascript
JavaScript触发onScroll事件的函数节流详解
2016/12/14 Javascript
Vue中定义全局变量与常量的各种方式详解
2017/08/23 Javascript
angularJs-$http实现百度搜索时的动态下拉框示例
2018/02/27 Javascript
基于JS实现带动画效果的流程进度条
2018/06/01 Javascript
利用JS响应式修改vue实现页面的input值
2019/09/02 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
2020/05/10 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
python super用法及原理详解
2020/01/20 Python
python使用正则表达式去除中文文本多余空格,保留英文之间空格方法详解
2020/02/11 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
世界上最好的足球商店:Unisport
2019/03/02 全球购物
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
网络事业创业计划书范文
2014/01/09 职场文书
2014年上半年工作自我评价
2014/01/18 职场文书
优良学风班总结材料
2014/02/08 职场文书
会计电算化毕业生自荐信
2014/03/03 职场文书
自考毕业自我鉴定
2014/03/18 职场文书
高三毕业典礼主持词
2014/03/27 职场文书
企业标语口号
2014/06/10 职场文书
创先争优演讲稿
2014/09/15 职场文书
校园广播稿100字
2014/10/06 职场文书
校运动会广播稿300字
2014/10/07 职场文书
2015年教师党员个人总结
2015/11/24 职场文书
如何用Node.js编写内存效率高的应用程序
2021/04/30 Javascript