HTML 标签是否匹配检测代码
时间： 2021-07-31 作者：daque
运转代码框：<html><head><title> new document </title><meta name="generator" content="editplus"><meta name="author" content=""><meta name="keywords" content=""><meta name="description" content=""></head><body><script language="javascript"><!--//去掉字串中的空格function nospace(txt){return (txt.replace(/[\s]+/g,''))}//确定<aaa>与</aaa>是配对的html标签function isgood(txt1,txt2){var txt='<'+'/'+txt1.substr(1);return (txt==txt2)?1:0;}function chk(){//s为模仿的html代码//var s="d<html>fg<table>sdfg<img><tr>asdfg<td>6456</td>dfg</tr>dsfg</table>d</html>fg";var s=nospace(ot.value).tolowercase();var arrminus=new array('<img>','<input>','<meta>','<hr>');for (var i=0;i<arrminus.length;i++){s=s.replace(arrminus[i],'');}var arrelement=s.match(/<[/|a-za-z]+>/ig);//掏出一切的<....>方法的字串var stack=new array();stack[0]='#';k=0;//设置一个程序栈,栈底放入#,k为栈顶南针for (var j=0;j<arrelement.length;j++){if (isgood(stack[k],arrelement[j])){k--;stack.length--;}//即使配对,栈顶元素出栈else{stack[++k]=arrelement[j];}//即使不配对,新标签入栈alert(stack[k]);//演练栈顶的实质}(stack[k]=="#")?(document.write("一切的标签配合")):(document.write("有的标签不配合"));}//--></script><textarea name="ot" rows="10" cols="90"><html><meta><head><title> new document </title></head><body><img><input></body></html></textarea><br><br>道理：建一个栈，历次碰到一个新标签，就与栈顶的标签配对，即使配对，栈顶的标签就出栈，即使不配对，这个新标签就进栈，最后，栈即使是空的，证明一切的标签都是配对的，即使栈不空，证明有不配对的场合<br>框中是模仿的html代码，你不妨窜改后，点底下的按钮，看是否配合。<br>弹出的对话框是演练栈顶的实质<br>特性：<br>1、还不许确定<...>哪些是正当的html标签，不妨在代码市直接输出正当标签，处事量太大。<br>2、有的标签是不需配对的,如<img>,代码智能确定为配合的。<br>3、暂时还不扶助标签后加属性<br><br><input type="button" value="start" onclick="chk()"></body></html> [ctrl+a 十足采用 提醒：你可先窜改局部代码，再按运转]
相关推荐
推荐下载
热门阅览
最新排行
- 1 手机如何装windows系统，手机装windows系统教程
- 2 微信公众号重大调整 新公注册公众号将没有留言功能
- 3 烧杯app最剧烈的反应有哪些？ 烧杯app攻略
- 4 微信小程序怎么用 微信小程序使用教程
- 5 360快剪辑怎么使用？360快剪辑图文视频教程
- 6 八分音符外挂神器：绝望中的战斗机
- 7 2017热门微信小程序排行榜 微信小程序二维码大全
- 8 微信聊天记录导出到电脑 怎么在电脑上查看微信聊天记录
- 9 在U递上赚钱和省钱教程 教你在U递上怎么赚钱何省钱
- 10 u递邀请码申请教程 u递邀请码领取方法
- 11 如何解决爱奇艺账号登陆验证 跳过爱奇艺账号手机登录验证方法分享 亲测好用
- 12 手机申请无限制申请QQ靓号 手机怎样无限申请Q号