用正则表达式替换图片地址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 相关文章推荐
js中的replace方法使用介绍
Oct 28 Javascript
JavaScript知识点总结之如何提高性能
Jan 15 Javascript
javascript中this指向详解
Apr 23 Javascript
Javascript日期格式化format函数的使用方法
Aug 30 Javascript
基于AngularJS前端云组件最佳实践
Oct 20 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
JavaScript中的工厂函数(推荐)
Mar 08 Javascript
JS简单生成随机数(随机密码)的方法
May 11 Javascript
JS实现十字坐标跟随鼠标效果
Dec 25 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
Dec 29 Javascript
js简单实现自动生成表格功能示例
Jun 02 Javascript
vue实现动态表格提交参数动态生成控件的操作
Nov 09 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实现让页面只能被百度gogole蜘蛛访问的方法
2009/12/29 PHP
测试PHP连接MYSQL成功与否的代码
2013/08/16 PHP
JavaScript实现滚动栏效果的方法
2015/04/27 PHP
PHP代码判断设备是手机还是平板电脑(两种方法)
2015/10/19 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
基础的prototype.js常用函数及其用法
2007/03/10 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
window.location.href IE下跳转失效的解决方法
2014/03/27 Javascript
兼容主流浏览器的JS复制内容到剪贴板
2014/12/12 Javascript
javascript中Function类型详解
2015/04/28 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
谈谈AngularJs中的隐藏和显示
2015/12/09 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
node中koa中间件机制详解
2017/08/22 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
使用vue完成微信公众号网页小记(推荐)
2019/04/28 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
使用简单工厂模式来进行Python的设计模式编程
2016/03/01 Python
深入理解python中的浅拷贝和深拷贝
2016/05/30 Python
Python实现TCP/IP协议下的端口转发及重定向示例
2016/06/14 Python
Python简单计算文件MD5值的方法示例
2018/04/11 Python
Tensorflow:转置函数 transpose的使用详解
2020/02/11 Python
学会python自动收发邮件 代替你问候女友
2020/05/20 Python
世界上最大的糖果店:Dylan’s Candy Bar
2017/11/07 全球购物
最新销售员个人自荐信
2013/09/21 职场文书
高中数学教学反思
2014/01/30 职场文书
新教师工作感言
2014/02/16 职场文书
保安队长职务说明书
2014/02/23 职场文书
法制宣传实施方案
2014/03/13 职场文书
小学语文业务学习材料
2014/06/02 职场文书
我们的节日重阳节活动总结
2015/03/24 职场文书
工程技术员岗位职责
2015/04/11 职场文书
因身体原因离职的辞职信范文
2015/05/12 职场文书
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
浅谈python中的多态
2021/06/15 Python