js自动闭合html标签,自动补全html标记

简介:

假如我有一个DIV,如果没有闭合后面的样式都会乱了,这样的代码可能会影响后面的样式,我希望用js去自动闭合这种没有闭合的标签:

代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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;i<arrTags.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;j<intOpen-intClose;j++){
str+= "</" +arrTags[i]+ ">" ;
}
/*for(var j=(intOpen-intClose-1);j>=0;j--){
str+="</"+arrTags[i]+">";
}*/
}
return  str;
}
</script>

 本文转自寒意博客园博客,原文链接:http://www.cnblogs.com/hnyei/p/4759619.html,如需转载请自行联系原作者

相关文章
|
11月前
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
645 33
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
633 49
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
289 24
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
424 2
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
449 5
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
647 1
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
382 3
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
550 0
html5+three.js公路开车小游戏源码
|
前端开发
HTML基本标签使用详解
HTML基本标签使用详解
275 0