JavaScript正規表示式替換字串中圖片位址(img src)的方法

本文實例講述了JavaScript正規表示式替換字串中圖片位址(img src)的方法。分享給大家供大家參考，具體如下：

今天開發中遇到一個問題：如何替換一段HTML字串中包含的所有img標籤的src值？

開始想到的解決方法是：

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

輸出結果是：

<img src="//m.sbmmt.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)還有其他參數（詳見developer.mozilla.org）。

然後，改為下面的程式碼，問題就解決了。

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

輸出結果   

//m.sbmmt.com/images/logo.gif

搞定！

希望本文所述對大家JavaScript程式設計有所幫助。

更多JavaScript正規表示式替換字串中圖片位址(img src)的方法相關文章請關注PHP中文網！