js如何使用正則表達式實現過濾HTML標簽?(/<[^<>]+>/g)


js如何使用正則表達式實現過濾HTML標簽?(/<[^<>]+>/g

一、總結

js進階正則表達式實現過濾HTML標簽(<>標簽中不能包含標簽實現過濾HTML標簽:/<[^<>]+>/g

var reg=/<[^<>]+>/g

1、全局匹配g肯定忘記寫

2、<>標簽中不能包含標簽實現過濾HTML標簽

 

二、js進階正則表達式實現過濾HTML標簽

練習5:過濾HTML標簽

  • 實例描述:將一段帶有HTML標簽的文本的HTML標簽過濾掉,轉化為純文本輸出

 

三、代碼

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>過濾HTML標簽</title>
 6     <style type="text/css">
 7         textarea{
 8             width: 60%;
 9             font-size: 18px;
10             background: rgba(100,200,50,0.3);
11         }
12         #text2{
13             background:rgba(200,100,50,0.3); 
14         }
15     </style>
16 </head>
17 <body>
18     <textarea id="text1" rows="10" cols="50"></textarea><br><br>
19     <input type="button" id="btn1" value="過濾HTML標簽"><br><br>
20     <textarea id="text2" rows="10" cols="50"></textarea>
21     <script type="text/javascript">
22         var btn1=document.getElementById('btn1')
23         var text1=document.getElementById('text1')
24         var text2=document.getElementById('text2')
25         btn1.onclick=function (){
26             //var reg=/<.+>/g
27             var reg=/<[^<>]+>/g   //1、全局匹配g肯定忘記寫 2、<>標簽中不能包含標簽實現過濾HTML標簽 28             text2.value=text1.value.replace(reg,'')
29         }
30     </script>
31 </body>
32 </html>

 

四、測試題-簡答題

1、js正則表達式如何實現過濾HTML標簽?

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM