用正则表达式替换图片地址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绝句欣赏 一些经典的js代码
Feb 22 Javascript
各浏览器对document.getElementById等方法的实现差异解析
Dec 05 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
Apr 03 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
js通过指定下标或指定元素进行删除数组的实例
Jan 12 Javascript
原生js开发的日历插件
Feb 04 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
Mar 08 Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
Mar 19 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
Mar 01 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 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中的cookie
2006/11/26 PHP
PHP 遍历文件实现代码
2011/05/04 PHP
11个PHP 分页脚本推荐
2011/08/15 PHP
简单的PHP缓存设计实现代码
2011/09/30 PHP
TMDPHP 模板引擎使用教程
2012/03/13 PHP
php文件扩展名判断及获取文件扩展名的N种方法
2015/09/12 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
JavaScript中去掉数组中的重复值的实现方法
2011/08/03 Javascript
中止javascript执行的方法
2014/02/14 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
2015/10/09 Javascript
Javascript实现Array和String互转换的方法
2015/12/21 Javascript
jQuery插件开发汇总
2016/05/15 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
2016/09/28 Javascript
bootstrap multiselect 多选功能实现方法
2017/06/05 Javascript
nuxt.js中间件实现拦截权限判断的方法
2018/11/21 Javascript
VUE实现强制渲染,强制更新
2019/10/29 Javascript
python自动化测试实例解析
2014/09/28 Python
python爬虫框架talonspider简单介绍
2017/06/09 Python
Python实现简单求解给定整数的质因数算法示例
2018/03/25 Python
Python实现获取前100组勾股数的方法示例
2018/05/04 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
python爬取内容存入Excel实例
2019/02/20 Python
django中使用事务及接入支付宝支付功能
2019/09/15 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
Python如何实现机器人聊天
2020/09/10 Python
详解HTML5中的拖放事件(Drag 和 drop)
2016/11/14 HTML / CSS
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
记者岗位职责
2014/01/06 职场文书
八年级音乐教学反思
2014/01/09 职场文书
工厂会计员职责
2014/02/06 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
研究生毕业论文导师评语
2014/12/31 职场文书
mysql 如何获取两个集合的交集/差集/并集
2021/06/08 MySQL
详解JSON.parse和JSON.stringify用法
2022/02/18 Javascript
Redis实战高并发之扣减库存项目
2022/04/14 Redis