本文實例講述了JavaScript正規表示式替換字串中圖片位址(img src)的方法。分享給大家供大家參考,具體如下:
今天開發中遇到一個問題:如何替換一段HTML字串中包含的所有img標籤的src值?
開始想到的解決方法是:
content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match) { console.log(match); });
輸出結果是:
<img src="http://www.php.cn/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=['"]([^'"]+)[^>]*>/gi, function (match, capture) { console.log(capture); });
輸出結果
http://www.php.cn/images/logo.gif
搞定!
希望本文所述對大家JavaScript程式設計有所幫助。
更多JavaScript正規表示式替換字串中圖片位址(img src)的方法相關文章請關注PHP中文網!