用正则表达式替换图片地址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 相关文章推荐
JSON传递bool类型数据的处理方式介绍
Sep 18 Javascript
Node.js模块加载详解
Aug 16 Javascript
jQuery中addClass()方法用法实例
Jan 05 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
May 16 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
Jul 04 Javascript
分享一个原生的JavaScript拖动方法
Sep 25 Javascript
jQuery的ready方法实现原理分析
Oct 26 Javascript
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
Jan 08 jQuery
vue中子组件传递数据给父组件的讲解
Jan 27 Javascript
详解vue的双向绑定原理及实现
May 05 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
Nov 10 Javascript
80行代码写一个Webpack插件并发布到npm
May 24 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与SQL语句常用大全
2016/12/10 PHP
laravel项目利用twemproxy部署redis集群的完整步骤
2018/05/11 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
2007/09/04 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
2013/01/17 Javascript
jquery操作 iframe的方法
2014/12/03 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
2015/02/10 Javascript
介绍JavaScript中Math.abs()方法的使用
2015/06/14 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
2015/12/08 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
Javascript之面向对象--方法
2016/12/02 Javascript
前端构建工具之gulp的语法教程
2017/06/12 Javascript
jQuery获取table表中的td标签(实例讲解)
2017/07/28 jQuery
JavaScript阻止表单提交方法(附代码)
2017/08/15 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
echarts实现折线图的拖拽效果
2019/12/19 Javascript
react实现移动端下拉菜单的示例代码
2020/01/16 Javascript
js实现小球在页面规定的区域运动
2020/06/16 Javascript
使用Python编写一个简单的tic-tac-toe游戏的教程
2015/04/16 Python
深入解答关于Python的11道基本面试题
2017/04/01 Python
详解python字节码
2018/02/07 Python
selenium在执行phantomjs的API并获取执行结果的方法
2018/12/17 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
python实现简单图书管理系统
2019/11/22 Python
使用Keras训练好的.h5模型来测试一个实例
2020/07/06 Python
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
市政施工员自我鉴定
2014/01/15 职场文书
2014全国两会学习心得体会1000字
2014/03/10 职场文书
中学生操行评语大全
2014/04/24 职场文书
中药学专业求职信
2014/05/31 职场文书
出纳工作检讨书
2014/10/18 职场文书
学校机关党总支领导班子整改工作方案
2014/10/26 职场文书
Python 文本滚动播放器的实现代码
2021/04/25 Python
Java数组详细介绍及相关工具类
2022/04/14 Java/Android