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


Posted in Javascript onJuly 17, 2013

方法一:

<!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>
Javascript 相关文章推荐
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
封装好的一个万能检测表单的方法
Jan 21 Javascript
js实现图片上传并正常显示
Dec 19 Javascript
js右下角弹出提示框示例代码
Jan 12 Javascript
JS实现控制文本框的内容
Jul 10 Javascript
微信小程序 wxapp画布 canvas详细介绍
Oct 31 Javascript
SelecT下拉框选中和取值的解决方法
Nov 22 Javascript
详解angular中的作用域及继承
May 31 Javascript
详解使用vue实现tab 切换操作
Jul 03 Javascript
微信小程序 image组件遇到的问题
May 28 Javascript
JavaScript代码简化技巧实例解析
Sep 09 Javascript
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
基于pthread_create,readlink,getpid等函数的学习与总结
Jul 17 #Javascript
jcrop基本参数一览
Jul 16 #Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
Jul 16 #Javascript
jquery特效 幻灯片效果示例代码
Jul 16 #Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 #Javascript
js判断屏幕分辨率的代码
Jul 16 #Javascript
js 调用父窗口的具体实现代码
Jul 15 #Javascript
You might like
PHP为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
PHP常用排序算法实例小结【基本排序,冒泡排序,快速排序,插入排序】
2017/02/07 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
分享XmlHttpRequest调用Webservice的一点心得
2012/07/20 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
js实现单行文本向上滚动效果实例代码
2013/11/28 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
2015/06/24 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
js实现鼠标移动到图片产生遮罩效果
2017/10/21 Javascript
微信小程序实现传参数的几种方法示例
2018/01/10 Javascript
Webpack中雪碧图插件使用详解
2018/05/25 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
2018/06/19 Javascript
Nodejs中的require函数的具体使用方法
2019/04/02 NodeJs
NodeJS有难度的面试题(能答对几个)
2019/10/09 NodeJs
JS+CSS实现过渡特效
2021/01/02 Javascript
详细介绍Python的鸭子类型
2016/09/12 Python
python获取指定时间差的时间实例详解
2017/04/11 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
flask中过滤器的使用详解
2018/08/01 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
Python 程序员必须掌握的日志记录
2020/08/17 Python
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
解析HTML5中的新功能本地存储localStorage
2016/03/01 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
农业大学毕业生的个人自我评价
2013/10/11 职场文书
毕业典礼演讲稿
2014/05/13 职场文书
小学生运动会报道稿
2014/09/12 职场文书
运动会闭幕词
2015/01/28 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
教师节祝酒词
2015/08/11 职场文书
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js