用正则表达式替换图片地址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 相关文章推荐
使用SyntaxHighlighter实现HTML高亮显示代码的方法
Feb 04 Javascript
Jquery常用技巧收集整理篇
Nov 14 Javascript
jQuery动态添加的元素绑定事件处理函数代码
Aug 02 Javascript
Javascript在IE和FireFox中的不同表现简析
Dec 03 Javascript
javascript特殊用法示例介绍
Nov 29 Javascript
封装了jQuery的Ajax请求全局配置
Feb 05 Javascript
JS实现往下不断流动网页背景的方法
Feb 27 Javascript
JavaScript中清空数组的三种方式
Mar 22 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
vuex页面刷新后数据丢失的方法
Jan 17 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
May 16 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
Aug 04 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执行速度全攻略(上)
2006/10/09 PHP
php中防止伪造跨站请求的小招式
2011/09/02 PHP
js触发asp.net的Button的Onclick事件应用
2013/02/02 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
JavaScipt中栈的实现方法
2016/02/17 Javascript
JS实现上下左右对称的九九乘法表
2016/02/22 Javascript
SelecT下拉框选中和取值的解决方法
2016/11/22 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
bootstrap轮播图示例代码分享
2017/05/17 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
angularjs 的数据绑定实现原理
2018/07/02 Javascript
基于vue循环列表时点击跳转页面的方法
2018/08/31 Javascript
laydate如何根据开始时间或者结束时间限制范围
2018/11/15 Javascript
简述ES6新增关键字let与var的区别
2019/08/23 Javascript
原生js实现购物车
2020/09/23 Javascript
[02:17]2016完美“圣”典风云人物:Sccc专访
2016/12/03 DOTA
Python实现国外赌场热门游戏Craps(双骰子)
2015/03/31 Python
python生成器表达式和列表解析
2016/03/10 Python
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
2019/02/28 Python
python中的协程深入理解
2019/06/10 Python
python字典setdefault方法和get方法使用实例
2019/12/25 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
Python如何获取文件路径/目录
2020/09/22 Python
SkinCeuticals官网:美国药妆品牌
2018/04/19 全球购物
Wiggle澳大利亚:自行车、跑步、游泳商店
2020/11/07 全球购物
电力安全事故反思
2014/04/27 职场文书
服装发布会策划方案
2014/05/22 职场文书
测控技术自荐信
2014/06/05 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
学雷锋志愿者活动方案
2014/08/21 职场文书
停车场管理协议书范本
2014/10/08 职场文书
党校毕业个人总结
2015/02/28 职场文书
Go gRPC进阶教程gRPC转换HTTP
2022/06/16 Golang