快捷導(dǎo)航

js過(guò)濾HTML標(biāo)簽以及空格的思路及代碼

更新時(shí)間：2013年05月24日 15:04:21 作者：

今天要做一個(gè)應(yīng)用--判斷編輯器中文字的個(gè)數(shù)。如果少如20個(gè)字就不能讓其提交。沒(méi)多想，正好周末的時(shí)候看了一下js中正則表達(dá)式的內(nèi)容。很容易就想到了要用正則表達(dá)式來(lái)解決這個(gè)問(wèn)題。雖說(shuō)看了正則表達(dá)式的內(nèi)容是看了，但是畢竟還是剛接接觸，連基本的概念都很模糊，于是只好在網(wǎng)上找到如下的代碼：

復(fù)制代碼代碼如下:

function setContent(str) {
str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag
str.value = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白
//str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行
return str;
}

測(cè)試的時(shí)候發(fā)現(xiàn)這段代碼不能過(guò)濾掉網(wǎng)頁(yè)中空格字符(即： )。于是自己又改造了一下：

復(fù)制代碼代碼如下:

function removeHTMLTag(str) {
            str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag
            str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白
            //str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行
            str=str.replace(/&nbsp;/ig,'');//去掉&nbsp;
            return str;
    }

恩，我的要求達(dá)到了。

現(xiàn)在來(lái)稍稍解釋一下所用到的三個(gè)正則表達(dá)吧(需要說(shuō)明的是，因?yàn)樽约阂彩莿倓偨佑|，也許我的解釋并不是正確的，僅供參考)：

第一個(gè):/<\/?[^>]*>/g

在js中正則表達(dá)式是以“/”開(kāi)頭的，后面的/g，含義是表示全局模式，意思是在將匹配的模式應(yīng)用于整個(gè)字符串，而不是在第一次匹配上之后就停止匹配了。

<\/?[^>]*> 這個(gè)分開(kāi)來(lái)解釋，其中第二個(gè)字符“\”是一個(gè)轉(zhuǎn)移字符，用來(lái)轉(zhuǎn)移后面的”/”字符的。?匹配0或1個(gè)正好在它之前的那個(gè)字符。注意：這個(gè)元字符不是所有的軟件都支持的。所以<\/?就是匹配html標(biāo)簽中的”</”格式或者“<”格式的。

再來(lái)說(shuō)[^>]*>。[]是含義是：