用正則表達(dá)式替換圖片地址img標(biāo)簽
更新時間：2013年11月22日 15:19:50 作者：
如何替換一段HTML字符串中包含的所有img標(biāo)簽的src值？下面我們用正則解決這個問題
開始想到的解決方法是：
復(fù)制代碼 代碼如下:
content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match) {
console.log(match);
});
輸出結(jié)果是：
復(fù)制代碼 代碼如下:
<img src="http://m.fzitv.net/images/logo.gif" alt="" width="142" height="55" />
得到的是整個img標(biāo)簽，但我期望得到的是src中的網(wǎng)址，這樣只需在function(match)中返回新地址就行了。
于是，卡在這里了。。。
后來，通過Google搜索關(guān)鍵字“javascript replace callback”，在stackoverflow中找到了“replace callback function with matches”，才知道function(match)還有其他參數(shù)
然后，改為下面的代碼，問題就解決了。
復(fù)制代碼 代碼如下:
content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {
console.log(capture);
});
輸出結(jié)果：
復(fù)制代碼 代碼如下:
http://m.fzitv.net/images/logo.gif
相關(guān)文章
js判斷兩個變量是否相等的一些操作符的比較。2009-03-03
JavaScript中的勻速運動和變速(緩沖)運動詳細(xì)介紹
一個div的運動其實就是它與瀏覽器邊框的距離在變動。如果他變化的速率一定，那就是勻速運動；如果變化的速率不一定，那么就是變速運動2012-11-11
下面小編就為大家?guī)硪黄狫s刪除數(shù)組中某一項或幾項的幾種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
下面小編就為大家?guī)硪黄狫avaScript核心語法總結(jié)(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了JavaScript中的6種運算符總結(jié),本文總結(jié)了算術(shù)運算符、賦值運算符、比較運算符、三元運算符、邏輯運算符、字符串連接運算符等,需要的朋友可以參考下2014-10-10
document.write()方法可以用在兩個方面：頁面載入過程中用實時腳本創(chuàng)建頁面內(nèi)容，以及用延時腳本創(chuàng)建本窗口或新窗口的內(nèi)容。該方法需要一個字符串參數(shù)，它是寫到窗口或框架中的HTML內(nèi)容。這些字符串參數(shù)可以是變量或值為字符串的表達(dá)式，寫入的內(nèi)容常常包括HTML標(biāo)記語言2014-12-12
深入理解JavaScript系列（36）：設(shè)計模式之中介者模式詳解
這篇文章主要介紹了深入理解JavaScript系列（36）：設(shè)計模式之中介者模式詳解,中介者模式（Mediator）是指用一個中介對象來封裝一系列的對象交互,需要的朋友可以參考下2015-03-03
你真的了解JavaScript嗎？...2007-02-02
JavaScript中window、doucment、body的解釋
JavaScript中window、doucment、body是什么意思呢，下面為大家做個介紹，不知道的朋友可以參考下2013-08-08
JavaScrip關(guān)于創(chuàng)建常量的知識點
這篇文章主要介紹了JavaScrip創(chuàng)建常量的相關(guān)知識點，幫助大家對JS更加深入的學(xué)習(xí)，參考下吧。2017-12-12