用正則表達式替換圖片地址img標簽

更新時間：2013年11月22日 15:19:50 作者：

如何替換一段HTML字符串中包含的所有img標簽的src值？下面我們用正則解決這個問題

開始想到的解決方法是：

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

輸出結(jié)果是：

復制代碼代碼如下:

<img src="http://www.dbjr.com.cn/images/logo.gif" alt="" width="142" height="55" />

得到的是整個img標簽，但我期望得到的是src中的網(wǎng)址，這樣只需在function(match)中返回新地址就行了。
于是，卡在這里了。。。
后來，通過Google搜索關鍵字“javascript replace callback”，在stackoverflow中找到了“replace callback function with matches”，才知道function(match)還有其他參數(shù)

然后，改為下面的代碼，問題就解決了。

復制代碼代碼如下:

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

輸出結(jié)果：

復制代碼代碼如下:

http://www.dbjr.com.cn/images/logo.gif

您可能感興趣的文章:

javascript的函數(shù)作用域
javascript中沒有塊級作用域。取而代之的javascript使用的是函數(shù)作用域（function scope）：變量在聲明它的函數(shù)體以及這個函數(shù)體嵌套的任意函數(shù)體內(nèi)都是有定義的。
2014-11-11
document.styleSheets[0].disabled
document.styleSheets[0].disabled...
2006-10-10
淺談JS閉包中的循環(huán)綁定處理程序
初學者經(jīng)常碰到的,即獲取HTML元素集合，循環(huán)給元素添加事件。在事件響應函數(shù)中(event handler)獲取對應的索引。但每次獲取的都是最后一次循環(huán)的索引。原因是初學者并未理解JavaScript的閉包特性。
2014-11-11
Ajax的概述與實現(xiàn)過程
Ajax是Asynchronous JavaScript XML的簡寫，不是一門新技術，而是對現(xiàn)有技術的綜合利用。本文詳細介紹了Ajax的概述與具體實現(xiàn)方法。有需要的朋友可以看下，希望對你有所幫助
2016-11-11
js數(shù)組的操作指南
這篇文章主要介紹了js數(shù)組的操作指南的相關資料,需要的朋友可以參考下
2014-12-12
詳解javascript函數(shù)寫法大全
這篇文章主要介紹了javascript函數(shù)寫法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-03-03
JavaScript 學習筆記之操作符
本文著重給大家介紹了javascript的操作符，包含一元操作符、位操作符、布爾操作符這3種類型，講解的十分全面，小伙伴們參考下
2015-01-01
javascript函數(shù)中的arguments參數(shù)
arguments當然只在function體內(nèi)才有意義, arguments.length 返回的是傳入function的實參個數(shù)
2010-08-08
javascript正則表達式總結(jié)
這篇文章主要介紹了javascript正則表達式總結(jié),都是些常用的表達式，這里分享給大家，希望大家能夠喜歡
2016-02-02
window.onload和$(function(){})的區(qū)別介紹
window.onload和$(function(){})有什么區(qū)別。window.onload表示頁面加載完了后（包括dom和js），再執(zhí)行函數(shù)里面的內(nèi)容，感興趣的朋友可以了解下
2013-10-10