用正则表达式替换图片地址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 相关文章推荐
JavaScript实现禁止后退的方法
Dec 27 Javascript
javascript变量声明实例分析
Apr 25 Javascript
JavaScript实现搜索框的自动完成功能(一)
Feb 25 Javascript
纯JS打造网页中checkbox和radio的美化效果
Oct 13 Javascript
微信小程序 地图定位简单实例
Oct 14 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
基于BootstrapValidator的Form表单验证(24)
Dec 12 Javascript
详解jQuery中的DOM操作
Dec 23 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
Vue兼容ie9的问题全面解决方案
Jun 19 Javascript
node.js环境搭建图文详解
Sep 19 Javascript
javascript 易错知识点实例小结
Apr 25 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中的MVC模式运用技巧
2007/05/03 PHP
设置php页面编码的两种方法示例介绍
2014/03/03 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
javascript prototype 原型链
2009/03/12 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
2011/08/28 Javascript
调用HttpHanlder的几种返回方式小结
2013/12/20 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
2014/02/26 Javascript
JavaScript数组方法总结分析
2016/05/06 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
2016/10/13 Javascript
angular仿支付宝密码框输入效果
2017/03/25 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
js判断节假日实例代码
2017/12/27 Javascript
基于nodejs res.end和res.send的区别
2018/05/14 NodeJs
OpenLayers3实现地图显示功能
2020/09/25 Javascript
[01:30:54]《加油DOTA》 第三期
2014/08/18 DOTA
用Python的线程来解决生产者消费问题的示例
2015/04/02 Python
python中sleep函数用法实例分析
2015/04/29 Python
Python做文本按行去重的实现方法
2016/10/19 Python
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
python实现对任意大小图片均匀切割的示例
2018/12/05 Python
django之状态保持-使用redis存储session的例子
2019/07/28 Python
python pillow库的基础使用教程
2021/01/13 Python
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
C#如何调用Word并打开一个Word文档
2013/05/08 面试题
Linux文件操作命令都有哪些
2015/02/27 面试题
上班上网检讨书
2014/01/29 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
用人单位终止解除劳动合同证明书
2014/10/06 职场文书
工程部主管岗位职责
2015/02/12 职场文书
2015年人事工作总结范文
2015/04/09 职场文书
债务纠纷代理词
2015/05/25 职场文书
零基础学java之循环语句的使用
2022/04/10 Java/Android