javascript

位置:IT落伍者 >> javascript >> 浏览文章

js检查页面上有无重复id的实现代码


发布日期:2022年05月13日
 
js检查页面上有无重复id的实现代码
有时候我们需要检查一个页面上是否用重复的id一般id都是唯一的也方便控制那么就可以参考下面的代码

方法一

复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
windowonload = function(){
var tags = documentgetElementsByTagName("*")
count = tagslength time ret = {} id;
time = new Date();
for(var i = ; i < count; i++){
id = tags[i]id;
if(id){
if(ret[id]){
alert(id + "/n用时" + (new Date() time));
return;
}else{
ret[id] = true;
}
}
}
alert("未找到相同ID");
}
</script>
</HEAD>
<BODY>
<script type="text/javascript">
(function(){
var html = [] rnd = parseInt(Mathrandom() * );
for(var i = ; i < ; i++){
htmlpush("<div id=a" + i + ">" + i + "</div>");
};
//在随机位置插入一个随机的id
i = parseInt(Mathrandom() * );
html[i] = html[i] + ("<div id=a" + rnd + ">" + rnd + "</div>");
documentwrite(htmljoin(""));
})();
</script>
</BODY>
</HTML>

方法二

复制代码 代码如下:


<!DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
function createDiv(){
var html = [] id;
for(var i = ; i < ; i++){
id = "divId" + parseInt(Mathrandom() * );
htmlpush("<div id=" + id + ">" + id + "</div>");
}
documentbodyinnerHTML = htmljoin("");
}
windowonload = function(){
createDiv();

var oID = {} result = {} arr = []
tags = documentgetElementsByTagName("*");
for(var i = id; i < tagslength; i++){
id = tags[i]id;
if(id){
oID[id] = oID[id] ? oID[id] + : ;
if(oID[id] > ){
result[id] = id + " " + oID[id]; } } } for(var o in result){
arrpush(result[o]);
}
alert(arrjoin("/t"));
};
</script>
</HEAD>
<BODY>
</BODY>
</HTML>

               

上一篇:js一般方法改写成面向对象方法的无限级折叠菜单示例代码

下一篇:js文件缓存之版本管理详解