JavaScript replace(rgExp,fn)正則替換的用法
更新時間：2010年03月04日 13:24:54 作者：
再看jQuery源碼的時候遇到了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){}
第一個參數(shù)all是通過rxhtmlTag匹配的整個字符串
第二個參數(shù)front是通過rxhtmlTag匹配的 第一個 左括號"(" 中的內(nèi)容
第三個參數(shù)tag是通過rxhtmlTag匹配的 第二個 左括號"(" 中的內(nèi)容
參數(shù)的個數(shù)根據(jù) 正則表達(dá)式中 左括號的個數(shù)成正比，按照從左到右的參數(shù)的位置和左括號的位置也一一對應(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){}
第一個參數(shù)all是通過rxhtmlTag匹配的整個字符串
第二個參數(shù)front是通過rxhtmlTag匹配的 第一個 左括號"(" 中的內(nèi)容
第三個參數(shù)tag是通過rxhtmlTag匹配的 第二個 左括號"(" 中的內(nèi)容
參數(shù)的個數(shù)根據(jù) 正則表達(dá)式中 左括號的個數(shù)成正比，按照從左到右的參數(shù)的位置和左括號的位置也一一對應(yīng)。
相關(guān)文章
jQuery中文入門指南，翻譯加實例，jQuery的起點教程
jQuery中文入門指南，翻譯加實例，jQuery的起點教程...2007-02-02
JavaScript學(xué)習(xí)筆記（十七）js 優(yōu)化
在JavaScript中，我們可以使用for(;;),while(),for(in)三種循環(huán)，事實上，這三種循環(huán)中for(in)的效率極差，因為他需要查詢散列鍵，只要可以就應(yīng)該盡量少用。2010-02-02
本文續(xù)上文，繼續(xù)講述javascript的基礎(chǔ)，分為一下幾個部分：區(qū)分大小寫、標(biāo)示符、注釋、語句、關(guān)鍵字和保留字，希望能給大家一些新的認(rèn)識。2015-01-01
CSS與JS緊密配合，為我們的頁面增添了很多別致的效果,為了達(dá)到某種特殊的效果我們需要用Javascript動態(tài)的去更改某一個標(biāo)簽的CSS屬性2012-12-12
這篇文章主要介紹了javascript RegExp 使用說明 ,需要的朋友可以參考下2016-05-05
使用JavaScript 實現(xiàn)對象 勻速/變速運動的方法
本篇文章是對JavaScript中實現(xiàn)對象勻速/變速運動的方法進(jìn)行了詳細(xì)的介紹。需要的朋友參考下2013-05-05
這篇文章主要介紹了js oncontextmenu事件使用詳解,需要的朋友可以參考下2017-03-03
最近在工作中遇到一個需求，需要在不能顯示html格式的微信小程序中顯示html格式的內(nèi)容，通過查找相關(guān)的資料發(fā)現(xiàn)可以利用wxParse來實現(xiàn)，下面這篇文章就主要給大家介紹了微信小程序?qū)崿F(xiàn)顯示html格式內(nèi)容的方法，需要的朋友可以參考借鑒，下面來一起看看吧。2017-04-04
本篇文章是一篇關(guān)于JS學(xué)習(xí)的基礎(chǔ)內(nèi)容，學(xué)習(xí)Object對象的原型概念，有興趣的朋友參考下吧。2018-01-01
關(guān)于textarea提交的內(nèi)容無法換行的解決辦法
本篇文章小編為大家介紹，關(guān)于textarea提交的內(nèi)容無法換行的解決辦法，有需要的朋友可以參考一下2013-04-04