用正则表达式替换图片地址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 面向对象编程
Oct 28 Javascript
屏蔽F1~F12的快捷键的js函数
May 06 Javascript
深入理解JavaScript定时机制
Oct 29 Javascript
跨域请求之jQuery的ajax jsonp的使用解惑
Oct 09 Javascript
探讨js中的双感叹号判断
Nov 11 Javascript
jquery中的过滤操作详细解析
Dec 02 Javascript
JS实现点击上移下移LI行数据的方法
Aug 05 Javascript
jQuery插件ContextMenu自定义图标
Mar 15 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
详解Vue开发微信H5微信分享签名失败问题解决方案
Aug 09 Javascript
Vue.js实现表格渲染的方法
Sep 07 Javascript
javascrpt密码强度校验函数详解
Mar 18 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
mysq GBKl乱码
2006/11/28 PHP
笑谈配置,使用Smarty技术
2007/01/04 PHP
PHP实现时间轴函数代码
2011/10/08 PHP
解析如何用php screw加密php源代码
2013/06/20 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
基于jQuery实现表单提交验证
2014/11/24 Javascript
在浏览器中打开或关闭JavaScript的方法
2015/06/03 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
2015/08/17 Javascript
使用jQuery调用XML实现无刷新即时聊天
2016/08/07 Javascript
JavaScript代码里的判断小结
2016/08/22 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
2017/04/25 Javascript
vue2.0多条件搜索组件使用详解
2020/03/26 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
2017/09/07 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
抖音上用记事本编写爱心小程序教程
2019/04/17 Javascript
Javascript新手入门之字符串拼接与变量的应用
2020/12/03 Javascript
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
Google开源的Python格式化工具YAPF的安装和使用教程
2016/05/31 Python
python pandas 组内排序、单组排序、标号的实例
2018/04/12 Python
python实现数据分析与建模
2019/07/11 Python
详解使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件
2019/08/23 Python
Python 下载及安装详细步骤
2019/11/04 Python
在python中求分布函数相关的包实例
2020/04/15 Python
Python 高效编程技巧分享
2020/09/10 Python
通过实例解析python subprocess模块原理及用法
2020/10/10 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
Myprotein台湾官方网站:全球领先的运动营养品牌
2018/12/10 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
销售代表求职自荐信
2013/10/01 职场文书
高中自我鉴定范文
2013/11/03 职场文书
电大会计学自我鉴定
2014/02/06 职场文书
捐书仪式主持词
2015/07/04 职场文书
jquery插件实现代码雨特效
2021/04/24 jQuery