js检查页面上有无重复id的实现代码
2013-07-17 00:00
543 查看
方法一:
方法二:
<!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的解决方案(JQUERY实现)
- js检查页面上有无重复id
- js检查页面上有无重复id
- js字符串去重复id的实现代码
- js字符串去重复id的实现代码
- js实现转到上一页面代码(不修改任何内容)
- js 3秒后跳转页面的实现代码
- Javascript一句代码实现JS字符串去除重复字符
- 一段实现页面上的图片延时加载的js代码
- 求解答:JS控制按钮切换页面,实现显示公共的部分前台代码如下:
- 使用原生js实现页面蒙灰(mask)效果示例代码
- JS代码实现根据时间变换页面背景效果
- js类型检查实现代码
- 一段实现除去字符串中重复的js代码
- 用js实现的页面关键字密度查询代码
- JS实现页面内跳转的简单代码
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- js+html+css实现简单页面交互功能(2015知乎前端笔试题)http://v.youku.com/v_show/id_XMTI0ODQ5NTAyOA==.html?from=y1.7-1.2