快捷導(dǎo)航

用正則表達(dá)式替換圖片地址img標(biāo)簽

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

如何替換一段HTML字符串中包含的所有img標(biāo)簽的src值？下面我們用正則解決這個(gè)問(wèn)題

開始想到的解決方法是：

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

輸出結(jié)果是：

復(fù)制代碼代碼如下:

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

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

然后，改為下面的代碼，問(wèn)題就解決了。

復(fù)制代碼代碼如下:

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

輸出結(jié)果：

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

相關(guān)文章

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