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標簽?