用正则表达式替换图片地址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 相关文章推荐
location.href语句与火狐不兼容的问题
Jul 04 Javascript
js获取height和width的方法说明
Jan 06 Javascript
使用js的replace()方法查找字符示例代码
Oct 28 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
javascript实现网页端解压并查看zip文件
Dec 15 Javascript
移动端 一个简单易懂的弹出框
Jul 06 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
Nov 18 Javascript
常用的javascript设计模式
Jan 11 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
Dec 23 Javascript
Vue如何实现监听组件原生事件
Jul 03 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+JS无限级可伸缩菜单详解(简单易懂)
2007/01/02 PHP
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/29 PHP
php中用加号与用array_merge合并数组的区别深入分析
2013/06/03 PHP
Zend Framework教程之Application和Bootstrap用法详解
2016/03/10 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
用js实现trim()的解决办法
2013/04/16 Javascript
js加载读取内容及显示与隐藏div示例
2014/02/13 Javascript
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
Eclipse引入jquery报错如何解决
2015/12/01 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
2016/01/28 Javascript
原生js实现class的添加和删除简单代码
2016/07/12 Javascript
前端框架Vue.js中Directive知识详解
2016/09/12 Javascript
jQuery的ready方法实现原理分析
2016/10/26 Javascript
bootstrap表格分页实例讲解
2016/12/30 Javascript
ES6深入理解之“let”能替代”var“吗?
2017/06/28 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
2017/09/12 jQuery
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
PostgreSQL Node.js实现函数计算方法示例
2019/02/12 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
Python简单遍历字典及删除元素的方法
2016/09/18 Python
CentOS6.5设置Django开发环境
2016/10/13 Python
python timestamp和datetime之间转换详解
2017/12/11 Python
利用Python代码实现数据可视化的5种方法详解
2018/03/25 Python
用Python3创建httpServer的简单方法
2018/06/04 Python
Python for循环生成列表的实例
2018/06/15 Python
TensorFLow 变量命名空间实例
2020/02/11 Python
Python+Kepler.gl实现时间轮播地图过程解析
2020/07/20 Python
美国著名的女性内衣零售商:Frederick’s of Hollywood
2018/02/24 全球购物
党支部公开承诺书
2014/03/28 职场文书
岗位明星事迹材料
2014/05/18 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
道歉短信大全
2015/05/12 职场文书
Idea连接MySQL数据库出现中文乱码的问题
2021/04/14 MySQL
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server