国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

js過濾HTML標簽以及空格的思路及代碼

2024-05-06 15:47:35
字體:
來源:轉載
供稿:網友
今天要做一個應用--判斷編輯器中文字的個數。如果少如20個字就不能讓其提交。沒多想,正好周末的時候看了一下js中正則表達式的內容。很容易就想到了要用正則表達式來解決這個問題。雖說看了正則表達式的內容是看了,但是畢竟還是剛接接觸,連基本的概念都很模糊,于是只好在網上找到如下的代碼:

復制代碼 代碼如下:


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,含義是表示全局模式,意思是在將匹配的模式應用于整個字符串,而不是在第一次匹配上之后就停止匹配了。

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

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

js過濾HTML標簽以及空格的思路及代碼

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

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

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

div
我需要的文字</div

我需要的文字</p

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

div>我需要的文字</div
p>我需要的文字</p
br /
再加上后面的>就可以匹配下面的字符了:

div>我需要的文字</div>
p>我需要的文字</p>
br />
這樣就完成了一對HTML標簽的匹配了。(多句話,總覺得這個匹配有點啰嗦,但是不知道到底在哪個地方啰嗦)

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 玛曲县| 广安市| 松江区| 万年县| 巴楚县| 温州市| 怀来县| 佛学| 巨野县| 邮箱| 灵武市| 偏关县| 余姚市| 新津县| 班玛县| 大厂| 石柱| 贡嘎县| 内江市| 治县。| 湟源县| 会昌县| 保靖县| 旌德县| 阿拉尔市| 富源县| 洞口县| 佛教| 松阳县| 南丹县| 布尔津县| 宣城市| 鲁山县| 乐安县| 桐庐县| 凭祥市| 曲靖市| 阜宁县| 洱源县| 乌审旗| 桐城市|