代碼如下:
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;
}
測試的時候發現這段代碼不能過濾掉網頁中空格字符(即 )於是自己又改造了一下
代碼如下:
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(/ /ig
);//去掉
return str;
}
恩我的要求達到了
現在來稍稍解釋一下所用到的三個正則表達吧(需要說明的是因為自己也是剛剛接觸也許我的解釋並不是正確的僅供參考)
第一個:/</?[^>]*>/g
在js中正則表達式是以“/”開頭的後面的/g含義是表示全局模式意思是在將匹配的模式應用於整個字符串而不是在第一次匹配上之後就停止匹配了
</?[^>]*> 這個分開來解釋其中第二個字符“”是一個轉移字符用來轉移後面的”/”字符的?匹配或個正好在它之前的那個字符注意這個元字符不是所有的軟件都支持的所以</?就是匹配html標簽中的”</”格式或者“<”格式的
再來說[^>]*>[]是含義是
^的含義是匹配一行的開始例如正則表達式^When in能夠匹配字符串"When in the course of human events"的開始但是不能匹配"What and When in the"意思就是匹配以“When in”開頭的文字
*的含義是匹配或多個正好在它之前的那個字符例如正則表達式*意味著能夠匹配任意數量的任何字符
因此[^>]*意思是匹配>之外的字符所以[^>]可以匹配出的模式可以像下面這樣的
div
我需要的文字</div
我需要的文字</p
*和前面的[^>]結合在一起就可以匹配下面這些字符了
div>我需要的文字</div
p>我需要的文字</p
br /
再加上後面的>就可以匹配下面的字符了
div>我需要的文字</div>
p>我需要的文字</p>
br />
這樣就完成了一對HTML標簽的匹配了(多句話總覺得這個匹配有點啰嗦但是不知道到底在哪個地方啰嗦)
第二個/[ | ]*n/g我也沒有看懂
第三個/ /ig就是直接查找 字符後面的/ig的含義是在全局模式下進行不區分大小寫的查找g代表全局i表示不區分大小寫
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20217.html
