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)文章
JavaScript開發(fā)規(guī)范要求(規(guī)范化代碼)
作為一名開發(fā)人員（WEB前端JavaScript開發(fā)），不規(guī)范的開發(fā)不僅使日后代碼維護(hù)變的困難，同時也不利于團(tuán)隊的合作，通常還會帶來代碼安全以及執(zhí)行效率上的問題。2010-08-08
javascript編程起步（第四課）...2007-02-02
javascript中substr,substring,slice.splice的區(qū)別說明
某些情況下,負(fù)數(shù)的參數(shù)不識別.所以盡量不要用負(fù)數(shù)作參數(shù).免得瀏覽器不兼容,造成程序的出錯.2010-11-11
JavaScript DOM學(xué)習(xí)第四章 getElementByTagNames
HTML有一些相關(guān)有不同tag名字的相關(guān)元素，比如H1-H6或者input，select和TEXTAREA。getElementByTagName只能取得那些有相同tag名稱的元素，所以你不能用他來取得所有的標(biāo)題或者整個表單內(nèi)容。2010-02-02
javascript中沒有塊級作用域。取而代之的javascript使用的是函數(shù)作用域（function scope）：變量在聲明它的函數(shù)體以及這個函數(shù)體嵌套的任意函數(shù)體內(nèi)都是有定義的。2014-11-11
深入理解JavaScript系列（36）：設(shè)計模式之中介者模式詳解
這篇文章主要介紹了深入理解JavaScript系列（36）：設(shè)計模式之中介者模式詳解,中介者模式（Mediator）是指用一個中介對象來封裝一系列的對象交互,需要的朋友可以參考下2015-03-03
這篇文章介紹了JavaScript中的內(nèi)置對象，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
這篇文章主要介紹了JavaScript的面向?qū)ο缶幊袒A(chǔ),是JavaScript入門學(xué)習(xí)中的重要知識概念,需要的朋友可以參考下2015-08-08
2016年推出微信小程序，時至今日，歷經(jīng)幾個版本的更新，已形成了相對實(shí)用和穩(wěn)定的服務(wù)平臺。本文簡單的介紹了微信小程序的入門用法，今后會繼續(xù)關(guān)注和實(shí)踐。需要的朋友可以參考學(xué)習(xí)，下面來一起看看吧。2017-03-03
這篇文章介紹了刪除Javascript Object中間的key的方法，然后主要詳談了delete的用法，非常的詳盡，給小伙伴們參考下2014-11-11