关于HTML及UBB标记的闭合

2016-02-19 13:50 0 1 收藏

下面图老师小编要跟大家分享关于HTML及UBB标记的闭合,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Web开发 】

代码还有待完善:
 

代码如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

script type="text/javascript"
// Close HTML Tags --------------------------------------------
function closeHTML(str){
var arrTags=["span","font","b","u","i","h1","h2","h3","h4","h5","h6","p","li","ul","table","div"];

for(var i=0;iarrTags.length;i++){
var intOpen=0;
var intClose=0;

var re=new RegExp(""+arrTags[i]+"( [^\]+|)","ig");
var arrMatch=str.match(re);
if(arrMatch!=null) intOpen=arrMatch.length;

re=new RegExp("\/"+arrTags[i]+"","ig");
arrMatch=str.match(re);
if(arrMatch!=null) intClose=arrMatch.length;

for(var j=0;jintOpen-intClose;j++){
str+="/"+arrTags[i]+"";
}
/*for(var j=(intOpen-intClose-1);j=0;j--){
str+="/"+arrTags[i]+"";
}*/
}

return str;
}

// Close UBB Tags --------------------------------------------
function closeUBB(str){
var arrTags=["code","quote","list","color","align","font","size","b"];

for(var i=0;iarrTags.length;i++){
var intOpen=0;
var intClose=0;

var re=new RegExp("["+arrTags[i]+"(=[^[]]+|)]","ig");
var arrMatch=str.match(re);
if(arrMatch!=null) intOpen=arrMatch.length;

re=new RegExp("[/"+arrTags[i]+"]","ig");
arrMatch=str.match(re);
if(arrMatch!=null) intClose=arrMatch.length;

for(var j=0;jintOpen-intClose;j++){
str+="[/"+arrTags[i]+"]";
}
}

return str;
}

alert(closeHTML("正常:div class='testBox'ullib加粗/bspan字体哈哈"));
alert(closeHTML("有错:div class='testBox'pullib加粗/bspan字体哈哈"));
/script

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1605383.html

延伸阅读
标签: Web开发
点击这里返回脚本之家 HTML教程 栏目. 上文: 标记语言邪恶表格 原文出处Chapter 4 引用 Misquotations are the only quotations tha are never misquoted (只有错误的引用永远不会被误用) - Hesketh Pearson 所有类型的网站都经常会使用引用,不管是引用其他网页、作者或出版物的内容,以标准方法标记引用内容是非常有好处的。因为一旦完...
  ■ 框架标记 <FRAMESET <FRAME <NOFRAMES <IFRAME 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。 ■ 框架概念 : 谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 <FRAMESET <FRAME 即可,面所有框架...
  ■ 字体标记 <STRONG <B <I <EM <VAR <CITE <DFN <ADDRESS <TT <SAMP <CODE <KBD <U <STRIKE <BIG <SMALL <SUP <SUB <H1 <H2 <H3 <H4 <H5 <H6 <FONT <BASEFONT 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请...
  ■ 图形标记 <IMG 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。 ■ <IMG : <IMG 称图形标记,主要用来插入图形标记,主要用来插入图片于网页中,至于其它用处如配合影片档案等的播放 及影像地图(Image Map 或称一图多链接)...
  ■ 清单标记 <OL <LI <UL <MENU <DIR <DL <DT <DD 欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。 ■ <OL <LI : ▲Top <OL称为标记。<LI则用以标示清单项目。 所谓顺序清单就是在每一项前加...

经验教程

527

收藏

45
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部