用正则表达式替换图片地址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 相关文章推荐
IE6下通过a标签点击切换图片的问题
Nov 14 Javascript
基于JQuery的asp.net树实现代码
Nov 30 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
Dec 31 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
JavaScript 学习笔记之变量及其作用域
Jan 14 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
Jun 14 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
vue技术分享之你可能不知道的7个秘密
Apr 09 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
Aug 09 Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 08 Javascript
抖音短视频(douyin)去水印工具的实现代码
Mar 30 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
从零开始 教你如何搭建Discuz!4.1论坛
2006/07/07 PHP
PHP实现手机归属地查询API接口实现代码
2012/08/27 PHP
php获取目录所有文件并将结果保存到数组(实例)
2013/10/25 PHP
PHP之autoload运行机制实例分析
2014/08/28 PHP
php数据访问之查询关键字
2016/05/09 PHP
PHP中__set()实例用法和基础讲解
2019/07/23 PHP
解决JS中乘法的浮点错误的方法
2014/01/03 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
jQuery入门介绍之基础知识
2015/01/13 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
深入理解Node.js 事件循环和回调函数
2016/11/02 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
基于AngularJs select绑定数字类型的问题
2018/10/08 Javascript
vue项目或网页上实现文字转换成语音播放功能
2020/06/09 Javascript
[33:23]VG vs Pain 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
hmac模块生成加入了密钥的消息摘要详解
2018/01/11 Python
pygame游戏之旅 按钮上添加文字的方法
2018/11/21 Python
Python面向对象程序设计类的多态用法详解
2019/04/12 Python
Django3.0 异步通信初体验(小结)
2019/12/04 Python
Python日志处理模块logging用法解析
2020/05/19 Python
CSS3控制HTML元素动画效果
2014/02/08 HTML / CSS
基于 HTML5 WebGL 实现的医疗物流系统
2019/10/08 HTML / CSS
ProForm英国站点:健身房和健身器材网上商店
2019/06/05 全球购物
荷兰最大的鞋子、服装和运动折扣店:Bristol
2021/01/07 全球购物
四群教育工作实施方案
2014/03/26 职场文书
诚信承诺书模板
2014/05/26 职场文书
2014年党课学习心得体会
2014/07/08 职场文书
事业单位工作人员年度考核个人总结
2015/02/12 职场文书
2016年寒假见闻
2015/10/10 职场文书
银行工作心得体会范文
2016/01/23 职场文书
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python