用js代码检查一个页面上是否用重复的id。

方法一：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>检查有无重复的ID-www.jbxue.com</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>检查有无重复id-www.jbxue.com</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>

js检查页面上有无重复id的代码分享的更多相关文章

  1. JS 在页面上直接将json数据导出到excel，支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox

    JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox <html> <head> </h ...

  2. Progress.js – 为页面上的任意对象创建进度条效果

    Progress.js 是一个 JavaScript 和 CSS3 的库,它帮助开发人员为网页上的每个对象创建和管理进度条效果.你可以设计自己的模板,进度条或者干脆定制. 您可以使用 Progress ...

  3. 使用js在页面上新建文件夹

    使用js在页面上新建文件夹 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

  4. 如何使用 js 检测页面上全局变量

    如何使用 js 检测页面上全局变量 js 检测页面全局变量脚本 <!DOCTYPE html> <html lang="zh-Hans"> <head ...

  5. js禁用页面上右键菜单、选中和复制

    有时候我们不想页面上的内容被人复制走,那么就可以使用js对页面进行设置,禁止右键菜单.禁止选中.禁止复制等功能可以有效的达到这个效果,js代码如下所示: /** * 禁用右键菜单 */ documen ...

  6. 如何用JS获取页面上的所有标签

    最近忙的一匹,忙着大保健,都来不及写博客,今天特意抽出点时间来写一写 前两天看到一个题,是问如何从页面上获取所有的标签的并查看他们的数量,感觉还是有点意思的,所以给大家来搞一下子 我们先来捋捋思路,那 ...

  7. JS 将页面上的表格导出为 Excel 文件

    如果在页面上展示了一个表格,想把这个表格导出为Excel文件,那么在要求不高的情况下,可以直接利用 JavaScript 的 Blob 和 Object URL 特性将表格导出.不过,这就是利用了 E ...

  8. 用js判断页面是否加载完成实现代码

    方式一:window.onload: 当一个文档完全下载到浏览器中时,才会触发window.onload事件.这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行 ...

  9. JS随机生成不重复数据的代码分享

    JS随机生成不重复数据. 代码如下: <script> // 定义存放生成随机数的数组 var array=new Array(); // 循环N次生成随机数 for(var i = 0 ...

随机推荐

  1. hiberante 二级缓存设置

    <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.spr ...

  2. 单点登录（SSO）（原创）

    单点登录(Single Sign On),简称为 SSO,是目前比较流行的企业业务整合的解决方案之一.SSO的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统. 下面的sso ...

  3. CheeseZH: Stanford University: Machine Learning Ex2:Logistic Regression

    1. Sigmoid Function In Logisttic Regression, the hypothesis is defined as: where function g is the s ...

  4. java面试第十二天

    多线程: 多线程的同步: 多线程并发访问同一个对象(临界资源),如果不对线程进行同步控制,破坏了原子操作(不可再分的操作),则会造成临界资源(两个线程同时访问的资源)的数据不一致. 每一个对象都有一个 ...

  5. taro 在components文件夹中 新建组件时，组件支持自定义命名，但是不能大写开头

    在components文件夹中 新建组件时,组件支持自定义命名,但是不能大写开头.否则会报错 错误写法: // 真实路径 import MinaMask from '../../components/ ...

  6. sqlite 附加和分离数据库

    附加数据库 ATTACH DATABASE 'testDB.db' as 'TEST'; 分离数据库 DETACH DATABASE 'Test';

  7. 微博混合云DCP：极端流量下的峰值应对与架构挑战

    摘要: 在2016杭州云栖大会的“开发者技术峰会”上,来自新浪微博的资深运维架构师王关胜带来题为<微博混合云DCP:极端流量下的峰值应对与架构挑战>的精彩分享,分享中他从微博业务背景及峰值 ...

  8. mybatis对mysql进行分页

    Mybatis对mysql数据库分页 在generator中增加插件,下载地址http://download.csdn.net/detail/shunlongjin/6937045 <plugi ...

  9. 转发：消息发布时间展示为刚刚、几分钟前、几小时前等等（php篇）

    一.思路解析区: 1.获取当前的时间: 2.获取发布的时间: 3.计算两个的时间差: 4.判断这个时间差的范围给出对应的结果: 二.代码展示区: function tranTime($time) { ...

  10. IP数据包格式详解(转)

    摘自:http://blog.163.com/hlz_2599/blog/static/1423784742011112195857956/</> TCP/IP协议定义了一个在因特网上传输 ...