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 相关文章推荐
Cookie 小记
Apr 01 Javascript
JS模拟面向对象全解(二、类型与赋值)
Jul 13 Javascript
javascript基础知识大全 便于大家学习,也便于我自己查看
Aug 17 Javascript
jQuery动态设置form表单的enctype值(实现代码)
Jul 04 Javascript
Google 地图类型详解及示例代码
Aug 06 Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
Mar 02 Javascript
jquery拼接ajax 的json和字符串拼接的方法
Mar 11 Javascript
Vue.js实现模拟微信朋友圈开发demo
Apr 20 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
vue中使用rem布局代码详解
Oct 30 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
Feb 27 Javascript
基于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
自己动手做一个SQL解释器
2006/10/09 PHP
phpfans留言版用到的install.php
2007/01/04 PHP
php禁用cookie后session设置方法分析
2016/10/19 PHP
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
Thinkphp页面跳转设置跳转等待时间的操作
2019/10/16 PHP
自动检查并替换文本框内的字符
2006/06/30 Javascript
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
Javascript学习笔记6 prototype的提出
2010/01/11 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
获取JS中网页各种高宽与位置的方法总结
2016/07/27 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
2016/12/12 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
JS排序之选择排序详解
2017/04/08 Javascript
JavaScript程序设计高级算法之动态规划实例分析
2017/11/24 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
[02:24]DOTA2痛苦女王 英雄基础教程
2013/11/26 DOTA
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
Python实现从订阅源下载图片的方法
2015/03/11 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
Python 解决中文写入Excel时抛异常的问题
2018/05/03 Python
python3实现SMTP发送邮件详细教程
2018/06/19 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
应届生会计电算化求职信
2013/10/03 职场文书
商务主管岗位职责
2013/12/08 职场文书
公司证明怎么写
2014/09/22 职场文书
工厂采购员岗位职责
2015/04/07 职场文书
鉴史问廉观后感
2015/06/10 职场文书