js過濾HTML標籤以及空格的想法及程式碼

js過濾HTML標籤以及空格的想法及程式碼_jquery

WBOY

發布： 2016-05-16 17:33:16

原創

1460 人瀏覽過

function setContent(str) {


function setpent(str) {]*>/g,''); //去除HTML tag
str.value = str.replace(/[ | ]*n/g,'n'); //移除行尾空白
//str = str.replace(/n[s| | ]*r/g,'n'); //移除多餘空行
return str;

}

測試的時候發現這段程式碼不能過濾掉網頁中空格字元(即： )。於是自己又改造了一下：複製程式碼

 程式碼如下:

ftiontiontion. {
            str = str.replace(/?[^>]*>/g,''); //移除HTML tag
      'n'); //移除行尾空白
            //str = str.replace(/n[s| ]*r/g,'n'); //移除多餘空行
    str.replace(/ /ig,'');//去掉 
            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或多個正好在它之前的那個字元。例如正規表示式。 *意味著能夠匹配任意數量的任何字元

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

div

我需要的文字

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