用正则表达式替换图片地址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 preload&amp;lazy load
May 13 Javascript
jqueyr判断checkbox组的选中(示例代码)
Nov 08 Javascript
jquery 图片缩放拖动的简单实例
Jan 08 Javascript
js使用正则实现ReplaceAll全部替换的方法
Aug 22 Javascript
原生js实现jquery函数animate()动画效果的简单实例
Aug 21 Javascript
canvas实现探照灯效果
Feb 07 Javascript
mpvue 如何使用腾讯视频插件的方法
Jul 16 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 Javascript
详解Nuxt.js 实战集锦
Nov 19 Javascript
Vue跨域请求问题解决方案过程解析
Aug 07 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的5个入手程序
2006/11/23 PHP
理解php依赖注入和控制反转
2016/05/11 PHP
yii2利用自带UploadedFile实现上传图片的示例
2017/02/16 PHP
php-fpm开启状态统计的方法详解
2017/06/23 PHP
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
javascript 树形导航菜单实例代码
2013/08/13 Javascript
node.js中watch机制详解
2014/11/17 Javascript
javaScript基础语法介绍
2015/02/28 Javascript
AngularJS 最常用的功能汇总
2016/02/17 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
jQuery中deferred对象使用方法详解
2016/07/14 Javascript
JS动态生成年份和月份实例代码
2017/02/04 Javascript
用 js 的 selection range 操作选择区域内容和图片
2017/04/18 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
python列表操作之extend和append的区别实例分析
2015/07/28 Python
Python操作Word批量生成文章的方法
2015/07/28 Python
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
Python安装图文教程 Pycharm安装教程
2018/03/27 Python
Python字典的核心底层原理讲解
2019/01/24 Python
详解Django模版中加载静态文件配置方法
2019/07/21 Python
Python面向对象程序设计之私有变量,私有方法原理与用法分析
2020/03/23 Python
使用Django实现把两个模型类的数据聚合在一起
2020/03/28 Python
美国家居装饰和豪华家具购物网站:One Kings Lane
2018/12/24 全球购物
应届本科生推荐信范文
2013/12/25 职场文书
大二学生学习个人自我评价
2014/01/19 职场文书
优秀护士先进事迹
2014/05/08 职场文书
2014年向国旗敬礼活动总结
2014/09/27 职场文书
高一英语教学反思
2016/03/03 职场文书
Python获取字典中某个key的value
2022/04/13 Python