js過濾HTML標籤

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;
    }

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

在js中正則表達式是以“/”開頭的，後面的/g，含義是表示全局模式，意思是在將匹配的模式應用於整個字符串，而不是在第一次匹配上之後就停止匹配了。

 

<\/?[^>]*> 這個分開來解釋，其中第二個字符“\”是一個轉移字符，用來轉移後面的”/”字符的。?匹配0或1個正好在它之前的那個字符。注意：這個元字符不是所有的軟件都支持的。所以<\/?就是匹配html標籤中的”</”格式或者“<”格式的。

 

再來說[^>]*>。[]是含義是：

 

^的含義是：匹配一行的開始。例如正則表達式^When in能夠匹配字符串"When in the course of human events"的開始，但是不能匹配"What and When in the"。意思就是匹配以“When in”開頭的文字。

*的含義是：匹配0或多個正好在它之前的那個字符。例如正則表達式。*意味着能夠匹配任意數量的任何字符

 

因此[^>]*意思是匹配>之外的字符。所以[^>]可以匹配出的模式可以像下面這樣的：

1. div
2. 我需要的文字</div
3. p
4. 我需要的文字</p

 

*和前面的[^>]結合在一起就可以匹配下面這些字符了：

1. div>我需要的文字</div
2. p>我需要的文字</p
3. br /

再加上後面的>就可以匹配下面的字符了：

1. div>我需要的文字</div>
2. p>我需要的文字</p>
3. br />

這樣就完成了一對HTML標籤的匹配了。(多句話，總覺得這個匹配有點囉嗦，但是不知道到底在哪個地方囉嗦)

 

第二個：/[ | ]*\n/g：我也沒有看懂

第三個：/&nbsp;/ig：就是直接查找&nbsp;字符，後面的/ig的含義是在全局模式下進行不區分大小寫的查找。g代表全局，i表示不區分大小寫。