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修改li下的样式以及li下的img的src的值的方法
Nov 02 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 Javascript
js匿名函数使用&amp;传参(实例)
Sep 08 Javascript
Javascript中将变量转换为字符串的三种方法
Sep 19 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
vue-cli 3.x 修改dist路径的方法
Sep 19 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
Feb 21 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
Layui 解决表格异步调用后台分页的问题
Oct 26 Javascript
vue 组件内获取actions的response方式
Nov 08 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 11 Javascript
vue实现把接口单独存放在一个文件方式
Aug 13 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
Sorting Array Values in PHP(数组排序)
2011/09/15 PHP
PHP 第三节 变量介绍
2012/04/28 PHP
php使用curl伪造来源ip和refer的方法示例
2018/05/08 PHP
PHP创建XML的方法示例【基于DOMDocument类及SimpleXMLElement类】
2019/09/10 PHP
JScript的条件编译
2007/05/29 Javascript
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
jQuery表单验证简单示例
2016/10/17 Javascript
Bootstrap中datetimepicker使用小结
2016/12/28 Javascript
基于js的变量提升和函数提升(详解)
2017/09/17 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
2017/10/20 Javascript
微信小程序签到功能
2018/10/31 Javascript
微信小程序自定义导航教程(兼容各种手机)
2018/12/12 Javascript
示例vue 的keep-alive缓存功能的实现
2018/12/13 Javascript
JS实现电话号码的字母组合算法示例
2019/02/26 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
2020/07/28 Javascript
[02:27]2018DOTA2亚洲邀请赛赛前采访-OpTic
2018/04/03 DOTA
python遍历文件夹并删除特定格式文件的示例
2014/03/05 Python
使用 Python 获取 Linux 系统信息的代码
2014/07/13 Python
分析Python中解析构建数据知识
2018/01/20 Python
Python中一行和多行import模块问题
2018/04/01 Python
使用Python获取并处理IP的类型及格式方法
2018/11/01 Python
python实现ip代理池功能示例
2019/07/05 Python
对Python _取log的几种方式小结
2019/07/25 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
电子商务专业毕业生工作推荐信
2013/11/17 职场文书
工艺员岗位职责
2014/02/11 职场文书
《影子》教学反思
2014/02/21 职场文书
领导班子遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
个人先进事迹材料
2014/12/29 职场文书
2015年毕业生自荐信范文
2015/03/24 职场文书
MYSQL主从数据库同步备份配置的方法
2021/05/26 MySQL
5行Python代码实现一键批量扣图
2021/06/29 Python