在Web页中的每一个HTML元素都一个ID属性，ID作为其标示，在我们的普通理解中它应该是unique的。但是HTML元素的ID属性是可写的，这就造成了我们非常可能人为的使ID的反复。按么假设ID反复了怎么办呢？我们又怎么来给HTML元素弄一个唯一的标示呢？

因为IE对格式混乱(不完整的或有错嵌套关系)的HTML代码由极好的容错性，对于HTML元素的ID反复问题对它来说简直就是小菜一碟。假设出现这样的情况，比方：

 <div id="divText">The first line.</div>
 <div id="divText">The second line.</div>

这时的divText就不是一个对DIV元素的引用了，而变成了一个数组，当中包括两个元素，并按两个DIV元素在DHTML对象树种出现的次序排序。

这种ID怎么用啊? 是不是认为有种被IE晃点了的感觉呢?!

幸好IE迷途知返，在5.0后为HTML元素提供了一个uniqueID的仅仅读属性。这下好，给它弄成readonly的了，看丫还乱不乱?!  还好真的不乱了，只是怎么说这个uniqueID有趣呢？由于uniqueID本身不提供default的值，就是说IE在解析完HTML代码构建了DHMTL树后，并不会给HTML元素分配uniqueID。而须要我们去訪问了HTML元素的uniqueID属性后，才会为其生成这个uniqueID的值。事实上就是lazy initialize技术，仅仅是放在这里认为比較好玩。对于uniqueNumber，它是相对于uniqueID的，uniqueID的格式是：ms__id/d+。即一个"ms__id"前缀加一个流水号。所以这个uniqueNumber就是单独表示那个流水号码的。

uniqueID第二个好玩的地方是，document对象也具有这个属性，只是它和其他HTML的uniqueID属性的意义是全然不同的。当我们每调用一次document.uniqueID，系统就会返回一个新的uniqueID值，只是doucment没有uniqueNumber属性哈。

这时我想起来我在用Popup窗体制作无限级菜单时，构造的__MenuCache__类中，自己实现了一个unique id的产生结构，就有些多此一举了。

#1楼 [楼主]   回复  引用  查看

对了忘说了，正是由于HTML元素的uniqueID是lazy load方式生成的。所以不论什么一个HTML元素的uniqueID的详细取值和它在DHMTL树中的位置毫无关系，一个HTML元素的uniqueID就是仅仅保证在一个页面作用域中unique!

2005-02-19 02:19 | birdshome  

javascript UniqueID属性的更多相关文章

  1. JavaScript document属性和方法

    JavaScript document属性和方法 --------------------------------------------属性: 1. Attributes     存储节点的属性列表 ...

  2. JavaScript 全局属性/函数

    JavaScript 全局 JavaScript 全局属性和方法可用于创建Javascript对象. JavaScript 全局属性 属性 描述 Infinity 代表正的无穷大的数值. NaN 指示 ...

  3. 删除要被替换的元素的所有事件处理 程序和 JavaScript 对象属性

    使用本节介绍的方法替换子节点可能会导致浏览器的内存占用问题,尤其是在 IE 中,问题更加明显.在删除带有事件处理程序或引用了其他 JavaScript 对象子树时,就有可能导致内存占用问题.假设 某个 ...

  4. Javascript对象属性与方法汇总

    Javascript对象属性与方法汇总 发布时间:2015-03-06 编辑:www.jquerycn.cn 详细介绍下,javascript对象属性与对象方法的相关知识,包括javascript字符 ...

  5. javascript 节点属性详解

    javascript 节点属性详解 根据 DOM,html 文档中的每个成分都是一个节点 DOM 是这样规定的:整个文档是一个文档节点每个 html 标签是一个元素节点包含在于 html 元素中的文本 ...

  6. JavaScript对象属性的基础教程指南

    JavaScript是使用“对象化编程”的,或者叫“面向对象编程”的.所谓“对象化编程”,意思是把JavaScript能涉及的范围划分成大大小小的对象,对象下面还继续划分对象直至非常详细为止,所有的编 ...

  7. JavaScript对象属性访问的两种方式

    JavaScript对象属性访问的两种方式 object.attribute object["attribute"] 例如: var employees = [ { "f ...

  8. javascript对属性的操作

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. JavaScript：属性的操作

    一.属性的设置和获取 1.属性的设置和获取主要有两种方式: <!DOCTYPE html> <html lang="en"> <head> &l ...

随机推荐

  1. ViEmu For VS2010 3.0 解除30天限制的方法

    一.概述 首先,ViEmu试用版在安装时会记录安装的时间,用于判断是否已经过了限制的时间,这个时间记录在注册表中 以本人的机器(WIN7X64)为例,它记录在 HKEY_CLASSES_ROOT\Wo ...

  2. qt槽函数中，窗口镶嵌窗口的问题，求解

    my_label=newQLabel(ui->widget); my_Label->setText("yvhvv"); 我把这插入到构造函数中,正确显示. 我把这插入到 ...

  3. Haproxy+Keepalived搭建Weblogic高可用负载均衡集群

    配置环境说明: KVM虚拟机配置 用途 数量 IP地址 机器名 虚拟IP地址 硬件 内存3G  系统盘20G cpu 4核 Haproxy keepalived 2台 192.168.1.10 192 ...

  4. HDU 4296 Buildings （YY）

    题意: 给定N个物体,每个物体有两个参数w,s.   w代表它自身的重量: s代表它的强度.现在要把这些物体叠在一起,会产生一个PDV值. PDV解释:(Σwj)-si, where (Σwj) st ...

  5. 1038. Recover the Smallest Number (30) - 字符串排序

    题目例如以下: Given a collection of number segments, you are supposed to recover the smallest number from ...

  6. Ubuntu升级到14.04

    公司网络实在太翔了,搞了一天最终成功把ubuntu从13.10升级到了14.10,中间也越到了非常多问题,记录下来,以备參考. 13.10的时候想体验一把搜狗输入法,结果因为fcitx版本号太低,用了 ...

  7. windows程序员进阶系列：《软件调试》之Win32堆

     win32堆及内部结构 Windows在创建一个新的进程时会为该进程创建第一个堆,被称为进程的默认堆.默认堆的句柄会被保存在进程环境块_PEB的ProcessHeap字段中. 要获得_PEB的地址, ...

  8. Lua获取网络时间

    作者:ani_di  版权所有,转载务必保留此链接 http://blog.csdn.net/ani_di Lua获取网络时间 网络授时服务是一些网络上的时间服务器提供的时间,一般用于本地时钟同步. ...

  9. 终于懂了：TControl.Perform是有返回值的，且看VCL框架如何利用消息的返回值（全部例子都在这里）——它的存在仅仅是为了方便复用消息的返回值

    代码如下: function TControl.Perform(Msg: Cardinal; WParam, LParam: Longint): Longint; var Message: TMess ...

  10. UVALive 5790 Ball Stacking 解题报告

    比赛总结 题目 题意: 有n层堆成金字塔状的球,若你要选一个球,你必须把它上面那两个球取了,当然也可以一个不取.求选的球最大的权值和. 题解: 将这堆球转成举行,第一行是(0,0),第二个是(1,0) ...