通用 HTML 标签区配正则

最新推荐文章于 2022-09-30 16:35:43 发布

原创最新推荐文章于 2022-09-30 16:35:43 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript & jQuery & AJAX 同时被 2 个专栏收录

62 篇文章

订阅专栏

DHTML & CSS

45 篇文章

订阅专栏

本文介绍了一种用于匹配HTML标签的正则表达式，该正则表达式能够准确地解析并匹配包括开始标签、结束标签及注释在内的各种HTML元素。通过使用此正则表达式，可以方便地进行HTML文档的结构分析。

通用 HTML 标签区配正则，拿来做一些分析工具还是不错滴。

var str = "<br /><br/><br><br ><中文><div><div id=a>无忧脚本<img src=\"http://bbs.51js.com/images/default/logo.gif\" width=\"191\" height='75' border=0 onload=\"if(testver>0 && testver<500)alert('test');\" \n onerror='alert(\"test\")' /><img src=xxx alt=\"hello\njust a test!\"></div><hr ><script type=\"test/javascript\" defer>alert(\"just a test!\");<\/script>Hello.<input type=text value=\"无忧脚本\"><br / ><img \"\" ></ ><!-- 注释 -->< ucren><!-- 再<注>释 --><img alt=' title='\"' /><b>123</b>1<2<3,3<4>1<b><img src=\"http://bbs.51js.com/images/old51js/logo.gif\" /><!-- 三注释>>> -->";

    var reg = /<(?:(?:\/?[A-Za-z]\w*\b(?:[=\s](['"]?)[\s\S]*?\1)*)|(?:!--[\s\S]*?--))\/?>/g;

    alert(str.match(reg).join("\n----------------------------------------------------\n"));