用正则表达式替换图片地址img标签
更新时间：2013年11月22日 15:19:50 作者：
如何替换一段HTML字符串中包含的所有img标签的src值？下面我们用正则解决这个问题
开始想到的解决方法是：
复制代码 代码如下:
content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match) {
console.log(match);
});
输出结果是：
复制代码 代码如下:
<img src="https://www.jb51.net/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://www.jb51.net/images/logo.gif
相关文章
js判断两个变量是否相等的一些操作符的比较。2009-03-03
一个div的运动其实就是它与浏览器边框的距离在变动。如果他变化的速率一定，那就是匀速运动；如果变化的速率不一定，那么就是变速运动2012-11-11
下面小编就为大家带来一篇Js删除数组中某一项或几项的几种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
下面小编就为大家带来一篇JavaScript核心语法总结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了JavaScript中的6种运算符总结,本文总结了算术运算符、赋值运算符、比较运算符、三元运算符、逻辑运算符、字符串连接运算符等,需要的朋友可以参考下2014-10-10
document.write()方法可以用在两个方面：页面载入过程中用实时脚本创建页面内容，以及用延时脚本创建本窗口或新窗口的内容。该方法需要一个字符串参数，它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式，写入的内容常常包括HTML标记语言2014-12-12
深入理解JavaScript系列（36）：设计模式之中介者模式详解
这篇文章主要介绍了深入理解JavaScript系列（36）：设计模式之中介者模式详解,中介者模式（Mediator）是指用一个中介对象来封装一系列的对象交互,需要的朋友可以参考下2015-03-03
你真的了解JavaScript吗？...2007-02-02
JavaScript中window、doucment、body的解释
JavaScript中window、doucment、body是什么意思呢，下面为大家做个介绍，不知道的朋友可以参考下2013-08-08
这篇文章主要介绍了JavaScrip创建常量的相关知识点，帮助大家对JS更加深入的学习，参考下吧。2017-12-12
最新评论