js检查页面上有无重复id
2010-06-10 00:54
381 查看
方法一:
=================================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
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>
================================================================================
方法二:
================================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </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>
==================================================================
=================================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
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>
================================================================================
方法二:
================================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </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>
==================================================================
相关文章推荐
- js检查页面上有无重复id的代码分享
- js检查页面上有无重复id的实现代码
- js检查页面上有无重复id的实现代码
- js检查页面上有无重复id
- 【原】js检查页面上有无重复id的解决方案(JQUERY实现)
- CSS+JS实现同一页面可以重复使用的选项卡
- js : 在使用母版页时,在前台js中得到子页面中的控件的id
- ascx中id和js中的函数名不能重复
- 防止自建控件与页面间重复引入客户端js脚本的方法(转)
- thinkphp点击删除,或者修改,附带id 跳转到相应的页面的js 代码
- jquery easyui Panel 属性之href 详解 减少页面js,ID,变量 冲突办法
- [CSS+JS]同一页面可以重复使用的选项卡收藏
- js dwz框架 多页面id,函数名称冲突问题
- ie7,ie8 js中变量名和页面元素ID重名,报错
- Ajax回调函数不执行、js实现跳转页面并传递值、java生成ID方法、jQ给input赋值
- js生成一个不重复的ID的函数的进化之路
- 页面防止重复提交,在服务端使用struts令牌机制,前台分为jsp和extJs(其他js框架同理)
- ArcGIS中检查属性表有无重复
- 一个页面可以重复调用的TAB选项卡切换js代码 鼠标悬浮
- 用js怎么获得页面控件的id值?