用正则表达式替换图片地址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 相关文章推荐
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
js判断变量初始化的三种形式及推荐用的形式
Jul 22 Javascript
IE下通过a实现location.href 获取referer的值
Sep 04 Javascript
Javascript基础教程之argument 详解
Jan 18 Javascript
js clearInterval()方法的定义和用法
Nov 11 Javascript
JavaScript事件用法浅析
Oct 31 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
Feb 20 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
React Native中的RefreshContorl下拉刷新使用
Oct 09 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
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和Mysqlweb应用开发核心技术-第1部分 Php基础-2 php语言介绍
2011/07/03 PHP
PHP 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用
2011/07/17 PHP
PHP中文件缓存转内存缓存的方法
2011/12/06 PHP
PHP数组排序函数合集 以及它们之间的联系分析
2013/06/27 PHP
php中autoload的用法总结
2013/11/08 PHP
PHP实现适用于自定义的验证码类
2016/06/15 PHP
js宝典学习笔记(上)
2007/01/10 Javascript
javascript中获取选中对象的类型
2007/04/02 Javascript
javascript 通用loading动画效果实例代码
2014/01/14 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
2014/07/17 Javascript
js模仿php中strtotime()与date()函数实现方法
2015/08/11 Javascript
JS实现简单易用的手机端浮动窗口显示效果
2016/09/07 Javascript
Vuex利用state保存新闻数据实例
2017/06/28 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
vue中v-model动态生成的实例详解
2017/10/27 Javascript
解决vue单页路由跳转后scrollTop的问题
2018/09/03 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
JQuery插件tablesorter表格排序实现过程解析
2020/05/28 jQuery
Python实现的简单排列组合算法示例
2018/07/04 Python
python清除字符串前后空格函数的方法
2018/10/21 Python
django使用LDAP验证的方法示例
2018/12/10 Python
python利用tkinter实现屏保
2019/07/30 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
wxPython电子表格功能wx.grid实例教程
2019/11/19 Python
python多线程实现代码(模拟银行服务操作流程)
2020/01/13 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
CSS3过渡transition效果实例介绍
2016/05/03 HTML / CSS
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
现场施工员岗位职责
2014/03/10 职场文书
初一新生军训方案
2014/05/22 职场文书
银行授权委托书范本
2014/10/04 职场文书
周一问候语大全
2015/11/10 职场文书
四十九个javascript小知识实用技巧
2021/11/20 Javascript