用正则表达式替换图片地址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对象、属性、事件手册集合方便查询
Jul 04 Javascript
GRID拖拽行的实例代码
Jul 18 Javascript
javascript简单性能问题及学习笔记
Feb 04 Javascript
基于jQuery+JSON的省市二三级联动效果
Jun 05 Javascript
基于jQuery实现的QQ表情插件
Aug 25 Javascript
jquery采用oop模式class类的使用示例
Jan 22 Javascript
理解javascript定时器中的setTimeout与setInterval
Feb 23 Javascript
深入理解node exports和module.exports区别
Jun 01 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
Oct 15 Javascript
原生JS简单实现ajax的方法示例
Nov 29 Javascript
浅谈jquery拼接字符串效率比较高的方法
Feb 22 Javascript
JS遍历树层级关系实现原理解析
Aug 31 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扩展vld查看PHP opcode操作步骤
2013/03/04 PHP
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
php实现分页工具类分享
2014/01/09 PHP
smarty中常用方法实例总结
2015/08/07 PHP
Zend Framework基于Command命令行建立ZF项目的方法
2017/02/18 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
巧用replace将文字表情替换为图片
2014/04/17 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
Javascript中Array.prototype.map()详解
2014/10/22 Javascript
jQuery学习笔记之jQuery中的$
2015/01/19 Javascript
javascript判断变量是否有值的方法
2015/04/20 Javascript
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
关于JavaScript作用域你想知道的一切
2016/02/04 Javascript
JavaScript正则表达式的贪婪匹配和非贪婪匹配
2017/09/05 Javascript
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
python rsa 加密解密
2017/03/20 Python
python制作图片缩略图
2019/04/30 Python
Django自定义用户登录认证示例代码
2019/06/30 Python
Python Pandas分组聚合的实现方法
2019/07/02 Python
python轮询机制控制led实例
2020/05/03 Python
keras之权重初始化方式
2020/05/21 Python
python 实现两个npy档案合并
2020/07/01 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
css3 伪元素和伪类选择器详解
2014/09/04 HTML / CSS
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
大型车展策划方案
2014/02/01 职场文书
2014年征兵标语
2014/06/20 职场文书
规范化管理年活动总结
2014/08/29 职场文书
群众路线班子对照检查材料
2014/09/25 职场文书
开展党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
校园运动会广播稿
2014/10/06 职场文书
合同和协议有什么区别?
2014/10/08 职场文书
办公室务虚会发言材料
2014/10/20 职场文书
matplotlib之pyplot模块实现添加子图subplot的使用
2021/04/25 Python
python爬虫之selenium库的安装及使用教程
2021/05/23 Python