JavaScript

Page 136

语,只需充分了解不同浏览器中文档对象模型的层次结构。引用对象的能力决定了代码的功 能,而对象则依赖于其在文档对象模型中的层次。知道了对象在文档对象模型中所处的层次, 就可以用 JavaScript 准确定位并操作该对象。 举一个很简单的例子:假如一个班的同学在上素描课,指导老师觉得 Group1 的 TOM 的画图纸 BackColor 为 LightGray 比较恰当,就说: “Group1 的 TOM,将你的画图纸的 BackColor 改为 LightGray 好吗?”,TOM 听到老师的指示,把画图纸的 BackColor 改为 LightGray。在基于对象的编程方法中, “TOM”是 Object, “ChangeBackColor”为 Command, “LightGray”是 Parameters,可以通过如下的方法实现: 目标对象层次: Group1.TOM

ChangeBackColor 可认为是 TOM 的一种方法,所以 TOM 及其方法的完整引用如下: Group1.TOM.ChangeBackColor( )

方法需要一种参数去决定是改变成 Color 集合里的什么颜色,所以准确表示该模型的完 整命令就是: Group1.TOM.ChangeBackColor(Color.LightGray)

该实例的层次结构如图 5.7 所示。

图 5.7 实例中的对象访问结构

如果引用 TOM.ChangeBackColor(Color.LightGray)来表述上述事件,而且班上其它组也 有叫 TOM 的,这就很容易带来识别上的混乱。从上述意义来讲,搞清楚文档对象模型对准 确定位文档对象并施加相应的操作相当重要。知道了对象所属层次,就知道了访问对象的途 径,从而获得对象的操作方法。

5.3 文档对象的产生过程 在面向对象或基于对象的编程语言中,指定对象的作用域越小,对象位置的假定也就越 多。对客户端 JavaScript 脚本而言,其对象一般不超过浏览器,脚本不会访问计算机硬件、 操作系统、其他程序等其他超出浏览器的对象。 HTML 文档载入时,浏览器解释其代码,当遇到自身支持的 HTML 元素对象对应的标 记时,就按 HTML 文档载入的顺序在内存中创建这些对象,而不管 JavaScript 脚本是否真正


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.