使用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();