JavaScript replace(rgExp,fn)正則替換的用法
更新時(shí)間：2010年03月04日 13:24:54 作者：
再看jQuery源碼的時(shí)候遇到了replace中參數(shù)為函數(shù)的用法，正好復(fù)習(xí)一下replace正則替換的用法。
代碼如下：
var rxhtmlTag = /(<([\w:]+)[^>]*?)\/>/g,
rselfClosing = /^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i,
fcloseTag = function(all, front, tag) {
return rselfClosing.test(tag) ?
all :
front + "></" + tag + ">";
};
//轉(zhuǎn)換"Xhtml" 風(fēng)格的標(biāo)簽為標(biāo)準(zhǔn)HTML標(biāo)簽
//如<tag/> 為 <tag></tag>
elem = elem.replace(rxhtmlTag, fcloseTag);
主要看 fcloseTag = function(all, front, tag){}
第一個(gè)參數(shù)all是通過rxhtmlTag匹配的整個(gè)字符串
第二個(gè)參數(shù)front是通過rxhtmlTag匹配的 第一個(gè) 左括號(hào)"(" 中的內(nèi)容
第三個(gè)參數(shù)tag是通過rxhtmlTag匹配的 第二個(gè) 左括號(hào)"(" 中的內(nèi)容
參數(shù)的個(gè)數(shù)根據(jù) 正則表達(dá)式中 左括號(hào)的個(gè)數(shù)成正比，按照從左到右的參數(shù)的位置和左括號(hào)的位置也一一對(duì)應(yīng)。
復(fù)制代碼 代碼如下:
var rxhtmlTag = /(<([\w:]+)[^>]*?)\/>/g,
rselfClosing = /^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i,
fcloseTag = function(all, front, tag) {
return rselfClosing.test(tag) ?
all :
front + "></" + tag + ">";
};
//轉(zhuǎn)換"Xhtml" 風(fēng)格的標(biāo)簽為標(biāo)準(zhǔn)HTML標(biāo)簽
//如<tag/> 為 <tag></tag>
elem = elem.replace(rxhtmlTag, fcloseTag);
主要看 fcloseTag = function(all, front, tag){}
第一個(gè)參數(shù)all是通過rxhtmlTag匹配的整個(gè)字符串
第二個(gè)參數(shù)front是通過rxhtmlTag匹配的 第一個(gè) 左括號(hào)"(" 中的內(nèi)容
第三個(gè)參數(shù)tag是通過rxhtmlTag匹配的 第二個(gè) 左括號(hào)"(" 中的內(nèi)容
參數(shù)的個(gè)數(shù)根據(jù) 正則表達(dá)式中 左括號(hào)的個(gè)數(shù)成正比，按照從左到右的參數(shù)的位置和左括號(hào)的位置也一一對(duì)應(yīng)。
您可能感興趣的文章:
- JS正則替換去空格的方法
- JavaScript正則替換HTML標(biāo)簽功能示例
- js使用Replace結(jié)合正則替換重復(fù)出現(xiàn)的字符串功能示例
- JS正則替換掉小括號(hào)及內(nèi)容的方法
- JavaScript字符串對(duì)象replace方法實(shí)例（用于字符串替換或正則替換）
- javascript 正則替換 replace(regExp, function)用法
- javascript replace()正則替換實(shí)現(xiàn)代碼
- C#正則函數(shù)用法實(shí)例【匹配、替換、提取】
- JS和C#實(shí)現(xiàn)的兩個(gè)正則替換功能示例分析
相關(guān)文章
jQuery中文入門指南，翻譯加實(shí)例，jQuery的起點(diǎn)教程
jQuery中文入門指南，翻譯加實(shí)例，jQuery的起點(diǎn)教程...2007-02-02
JavaScript學(xué)習(xí)筆記（十七）js 優(yōu)化
在JavaScript中，我們可以使用for(;;),while(),for(in)三種循環(huán)，事實(shí)上，這三種循環(huán)中for(in)的效率極差，因?yàn)樗枰樵兩⒘墟I，只要可以就應(yīng)該盡量少用。2010-02-02
本文續(xù)上文，繼續(xù)講述javascript的基礎(chǔ)，分為一下幾個(gè)部分：區(qū)分大小寫、標(biāo)示符、注釋、語(yǔ)句、關(guān)鍵字和保留字，希望能給大家一些新的認(rèn)識(shí)。2015-01-01
CSS與JS緊密配合，為我們的頁(yè)面增添了很多別致的效果,為了達(dá)到某種特殊的效果我們需要用Javascript動(dòng)態(tài)的去更改某一個(gè)標(biāo)簽的CSS屬性2012-12-12
這篇文章主要介紹了javascript RegExp 使用說(shuō)明 ,需要的朋友可以參考下2016-05-05
使用JavaScript 實(shí)現(xiàn)對(duì)象 勻速/變速運(yùn)動(dòng)的方法
本篇文章是對(duì)JavaScript中實(shí)現(xiàn)對(duì)象勻速/變速運(yùn)動(dòng)的方法進(jìn)行了詳細(xì)的介紹。需要的朋友參考下2013-05-05
這篇文章主要介紹了js oncontextmenu事件使用詳解,需要的朋友可以參考下2017-03-03
最近在工作中遇到一個(gè)需求，需要在不能顯示html格式的微信小程序中顯示html格式的內(nèi)容，通過查找相關(guān)的資料發(fā)現(xiàn)可以利用wxParse來(lái)實(shí)現(xiàn)，下面這篇文章就主要給大家介紹了微信小程序?qū)崿F(xiàn)顯示html格式內(nèi)容的方法，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-04-04
本篇文章是一篇關(guān)于JS學(xué)習(xí)的基礎(chǔ)內(nèi)容，學(xué)習(xí)Object對(duì)象的原型概念，有興趣的朋友參考下吧。2018-01-01
關(guān)于textarea提交的內(nèi)容無(wú)法換行的解決辦法
本篇文章小編為大家介紹，關(guān)于textarea提交的內(nèi)容無(wú)法換行的解決辦法，有需要的朋友可以參考一下2013-04-04