用正则表达式替换图片地址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 相关文章推荐
cnblogs中在闪存中屏蔽某人的实现代码
Nov 14 Javascript
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
JavaScript中双叹号!!作用示例介绍
Sep 21 Javascript
Javascript限制网页只能在微信内置浏览器中访问
Nov 09 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
Apr 30 Javascript
js获得当前系统日期时间的方法
May 06 Javascript
谈谈对offsetleft兼容性的理解
Nov 11 Javascript
详解JavaScript中常用的函数类型
Nov 18 Javascript
canvas绘制多边形
Feb 24 Javascript
JS设置随机出现2个数字的实例代码
Jul 19 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
利用JS响应式修改vue实现页面的input值
Sep 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
一个用php3编写的简单计数器
2006/10/09 PHP
nginx+php-fpm配置文件的组织结构介绍
2012/11/07 PHP
php中stream(流)的用法
2014/03/25 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
详解PHP的Yii框架中组件行为的属性注入和方法注入
2016/03/18 PHP
orm获取关联表里的属性值
2016/04/17 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
如何通过Apache在本地配置多个虚拟主机
2020/07/29 PHP
PHP与Web页面的交互示例详解一
2020/08/04 PHP
javascript 客户端验证上传图片的大小(兼容IE和火狐)
2009/08/15 Javascript
基于jquery的获取浏览器窗口大小的代码
2011/03/28 Javascript
JS截取字符串常用方法详细整理
2013/10/28 Javascript
js中indexof的用法详细解析
2013/12/24 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
2014/10/17 Javascript
javascript的变量、传值、传址、参数之间关系
2015/07/26 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
简单实现轮播图效果的实例
2016/07/15 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
详解Vue CLI 3.0脚手架如何mock数据
2018/11/23 Javascript
JS实现的tab页切换效果完整示例
2018/12/18 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
2019/02/13 Javascript
微信小程序+云开发实现欢迎登录注册
2019/05/24 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
2020/08/10 Javascript
Python3.6简单操作Mysql数据库
2017/09/12 Python
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
Python request设置HTTPS代理代码解析
2018/02/12 Python
浅析Python与Mongodb数据库之间的操作方法
2019/07/01 Python
简单了解python反射机制的一些知识
2019/07/13 Python
企业法人代表证明书
2014/09/27 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
python 模块重载的五种方法
2021/04/24 Python
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS
Three.js实现雪糕地球的使用示例详解
2022/07/07 Javascript