首頁 > web前端 > js教程 > 主體

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

高洛峰
發布: 2017-01-14 09:48:42
原創
2184 人瀏覽過

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

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

開始想到的解決方法是:

content.replace(/<img [^>]*src=[&#39;"]([^&#39;"]+)[^>]*>/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=[&#39;"]([^&#39;"]+)[^>]*>/gi, function (match, capture) {
  console.log(capture);
});
登入後複製

輸出結果   

http://www.php.cn/images/logo.gif
登入後複製

搞定!

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

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


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!