欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript正則表達(dá)式替換字符串中圖片地址(img src)的方法

 更新時(shí)間：2017年01月13日 14:31:38   作者：dudu  
這篇文章主要介紹了JavaScript正則表達(dá)式替換字符串中圖片地址(img src)的方法,結(jié)合實(shí)例形式分析了JS正則替換的常用技巧與注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了JavaScript正則表達(dá)式替換字符串中圖片地址(img src)的方法。分享給大家供大家參考，具體如下：

今天開(kāi)發(fā)中遇到一個(gè)問(wèn)題：如何替換一段HTML字符串中包含的所有img標(biāo)簽的src值？

開(kāi)始想到的解決方法是：

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ù)（詳見(jiàn)developer.mozilla.org）。

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

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

輸出結(jié)果：

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

搞定！

PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：

JavaScript正則表達(dá)式在線(xiàn)測(cè)試工具：
http://tools.jb51.net/regex/javascript

正則表達(dá)式在線(xiàn)生成工具：
http://tools.jb51.net/regex/create_reg

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論