js 检查页面重复id的解决办法

内容摘要
这篇文章主要为大家详细介绍了js 检查页面重复id的简单示例，具有一定的参考价值，可以用来参考一下。

用js代码检查一个页面上是否用重复的id。方法一： 经测试代码如下：


<!DOC
文章正文

这篇文章主要为大家详细介绍了js 检查页面重复id的简单示例，具有一定的参考价值，可以用来参考一下。

用js代码检查一个页面上是否用重复的id。方法一： 经测试代码如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<code class="js">
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>检查有无重复的ID-WWW.512pic.com</TITLE>
<script type="text/javascript">
/**
 * 检查有无重复的ID
 *
 * @param
 * @arrange （www.idcnote.com）
 **/
window.onload = function(){
var tags = document.getElementsByTagName("*"),
count = tags.length, time, ret = {}, id;
time = new Date();
for(var i = 0; 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(Math.random() * 1000);
for(var i = 0; i < 1000; i++){
html.push("<div id='a" + i + "'>" + i + "</div>");
};
//在随机位置插入一个随机的id
i = parseInt(Math.random() * 1000);
html[i] = html[i] + ("<div id='a" + rnd + "'>" + rnd + "</div>");
document.write(html.join(""));
})();
</script>
</BODY>
</HTML>
// 来自：php教程（www.idcnote.com） </code>
方法二： 经测试代码如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<code class="js">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>检查有无重复id</TITLE>
<script type="text/javascript">
function createDiv(){
var html = [], id;
for(var i = 0; i < 2000; i++){
id = "divId" + parseInt(Math.random() * 10000);
html.push("<div id='" + id + "'>" + id + "</div>");
}
document.body.innerHTML = html.join("");
}
window.onload = function(){
createDiv();
 
var oID = {} , result = {}, arr = [],
tags = document.getElementsByTagName("*");
for(var i = 0, id; i < tags.length; i++){
id = tags[i].id;
if(id){
oID[id] = oID[id] ? oID[id] + 1 : 1;
if(oID[id] > 1){
result[id] = id + " " + oID[id]; } } } for(var o in result){
arr.push(result[o]);
}
alert(arr.join("/t"));
};
</script>
</HEAD>
<BODY>
</BODY>
</HTML>
// 来自：php教程（www.idcnote.com） </code>

注：关于js 检查页面重复id的简单示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释
上一篇php 检查时间是否合法的解决办法下一篇php 发送邮件函数功能实例

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！