使用JavaScript检验页面重复id

使用JavaScript检验页面重复id

---

代码如下

javascript:function test(){    var tags = document.getElementsByTagName("*"), //获取页面所有元素        time = new Date(),         ret = {}, //定义一个空对象        id,          ids="重复的id为："        num=0;        //循环操作页面元素        for(var i = 0; i < tags.length; i++){            id = tags[i].id;  //将元素的id赋值给变量id            //检验id是否存在，id是否不是数字，以及id是否是以及记录过的重复id            if(id && isNaN(id) && ret[id]!="recorded"){                //在这里，检验ret对象里面有没有此id对应的值，                //如果没有，那此id应该是第一次检验到的，如果为true，那么就是第二次检验了                if(ret[id]){                    ids = ids+"\n"+id;                    num++;                    //将此id在ret对象中对应的值改为recorded，表示已记录，下一次再检验到的时候，不记录                    ret[id] = "recorded";                }else{                    ret[id] = true;                }            }        }        console.log(ids+ "\n一共" + num + "个重复id\n用时：" + (new Date() - time));        alert("请在console查看");//其实可以把这一句删除掉的。。。}test();

---

可以将其保存为网页书签，用的时候，打开console控制台，点击书签即可

以下为压缩版js

javascript:function test(){var tags=document.getElementsByTagName("*"),time=new Date(),ret={},id,ids="重复的id为：";num=0;for(var i=0;i<tags.length;i++){id=tags[i].id;if(id&&isNaN(id)&&ret[id]!="test"){if(ret[id]){ids=ids+"\n"+id;num++;ret[id]="test"}else{ret[id]=true}}}console.log(ids+"\n一共"+num+"个重复id\n用时："+(new Date()-time));}test();