用正则表达式替换图片地址img标签_基础知识

开始想到的解决方法是:

复制代码 代码如下:

content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match) {
    console.log(match);
});

输出结果是:

复制代码 代码如下:

<img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/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);
});

输出结果:

复制代码 代码如下:

http://www.jb51.net/images/logo.gif

时间: 2024-11-05 14:51:48

用正则表达式替换图片地址img标签_基础知识的相关文章

javascript正则表达式替换图片地址img标签

开始想到的解决方法是:    代码如下 复制代码 content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match) {     console.log(match); }); 输出结果是: <img src="/images/logo.gif" alt="" width="142" height="55"

JavaScript正则表达式之multiline属性的应用_基础知识

 多行正则表达式是对象的只读布尔属性.它指定是否一个特定的正则表达式进行多行匹配,即,不管是否使用"m"属性创建.语法 RegExpObject.multiline 下面是参数的详细信息:     NA 返回值: 如果"m"修改被设置返回"TRUE",否则返回"FALSE". 例子: <html> <head> <title>JavaScript RegExp multiline Prope

JavaScript正则表达式的分组匹配详解_基础知识

分组 下面的正则表达式可以匹配kidkidkid: /kidkidkid/ 而另一种更优雅的写法是: /(kid){3}/ 这里由圆括号包裹的一个小整体称为分组. 候选 一个分组中,可以有多个候选表达式,用|分隔: var reg = /I love (him|her|it)/; reg.test('I love him') // true reg.test('I love her') // true reg.test('I love it') // true reg.test('I love

全面了解js中的script标签_基础知识

在页面中用script标签引入javascript文件(<script type="text/javascript" src="js文件地址"></script>),浏览器在渲染页面的时候,当读取到script元素时,浏览器不会以HTML或XHTML的方式处理其内容,浏览器会通知浏览器的脚本引擎来接管script元素中的内容. script元素的type属性定义脚本类型,type类型有: 1.text/ecmascript(表示以ECMASc

简述JavaScript的正则表达式中test()方法的使用_基础知识

 test方法为正则表达式匹配的文本搜索字符串.如果找到匹配,则返回true; 否则返回false.语法 RegExpObject.test( string ); 下面是参数的详细信息:     string : 要搜索的字符串 返回值: 如果找到一个匹配,如果不为空,则返回匹配的文本. 例子: <html> <head> <title>JavaScript RegExp test Method</title> </head> <body&

取得父标签_基础知识

取得父标签FF 下没有 event 用 arguments[0] FF 下没有 srcElement 用 target FF 下没有 parentElement 用 parentNode 复制代码 代码如下: function obj_event_onsomething(e){ var e=window.event?window.event:e; var srcEle=e.srcElement?e.srcElement:e.target; var theObjectYouWant=srcEle.

js取得url地址参数实例_基础知识

复制代码 代码如下: <script language="javascript"> /** * 获取url地址中的参数 * link:www.jb51.net */ var url="www.jb51.net/af.php?id=50&a=100"; alert(url); if(url.indexOf("?")!=-1){ var p=url.indexOf("?"); //返回所在位置 var str

PHP实现通过正则表达式替换回调的内容标签

  本文实例讲述了PHP实现通过正则表达式替换回调的内容标签.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 function my_wp_plugin_tag_action($content,$tag,$function,$args = FALSE) { // match all regular expressions preg_match_all($tag,$content,$match

PHP实现通过正则表达式替换回调的内容标签_php技巧

本文实例讲述了PHP实现通过正则表达式替换回调的内容标签.分享给大家供大家参考.具体实现方法如下: function my_wp_plugin_tag_action($content,$tag,$function,$args = FALSE) { // match all regular expressions preg_match_all($tag,$content,$matches); if (count($matches)>0) { // filter duplicates $matche