JavaScript对象层次与事件

《JavaScript对象层次与事件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章JavaScript对象层次与事件处理JavaScript是一种面向对象的语言，在JavaScript中的对象都是有层次的，在本章里将会介绍JavaScript的对象层次和JavaScript的事件处理方式。8.1JavaScript的对象层次JavaScript中的对象很多，这些对象并不都是独立存在的，而是有着层次结构。对象可以依照层次来进行调用。8.1.1JavaScript对象模型JavaScript对象模型由以下四个部分组成：JavaScript语言核心部分：该部分主要包括JavaScript的数据类型、运算符和表达式。与数据类型相关的核心对象：该部分主要包括Ja

2、vaScript中的一些与数据类型相关的内置对象，如布尔对象、日期对象、数学对象、数字对象、字符串对象等。与浏览相关的对象：该部分主要包括Window对象、Navigator对象、Location对象等。与文档相关的对象：该部分主要包括Document对象、Form对象、Image对象等。8.1.2客户端对象层次介绍JavaScript的主要作用是在浏览器窗口里显示HTML文档。在JavaScript中使用Document对象表示HTML文档，例如要在浏览器窗口里输出一句话，则要使用Document对象中的write方法：document.write("输出的内容");8.1.

3、3浏览器对象模型浏览器对象模型简称为BOM（BrowerObjectModel），该对象模型提供了独立于内容的、与浏览器窗口进行交互的对象。BOM是很多对象所构成，对象与对象之间有着相互联系。（具体内容请参照书。）8.1.4对象的引用图8-2中显示了浏览器中各对象的层次，通过这个对象层次，程序员可以很方便地引用HTML文档中的各个对象。（具体内容请参照书。）8.2事件驱动与事件处理事件驱动是JavaScript中事件处理的一种方法，通过事件驱动可以调用JavaScript中的函数或方法。8.2.1事件与事件驱动当文档或文档中的元素发生了某些动作时，浏览器就会产生一个事件（Eve

4、nt）。例如浏览加载文档完毕是load事件、单击一个按钮是click事件、双击鼠标是dblclick事件、在键盘上按下一个键是keypress事件、将鼠标从一个对象上滑过是mouseover事件。JavaScript程序员可以事先定义好一个事件的处理程序，一旦浏览器中产生了某个事件，浏览器会就自动调用这个处理程序。这种通过事件来调用程序的方式称为事件驱动。8.2.2事件与处理代码关联在JavaScript中可以响应的事件有很多，如单击鼠标（click）、双击鼠标（dblclick）、元素得到输入的焦点（focus）等。在一个HTML文档中，可能拥有很多个对象，如单选框、复选框、

5、普通按钮、提交按钮等，每个对象都有可能触发某个事件。（具体内容请参照书。）8.2.3调用函数的事件在前面章节中所用到的示例，使用的大多都是静态脚本，而静态脚本是不能够响应用户的事件。而所谓的动态脚本是定义了事件处理程序的脚本，在某个事件发生时，浏览器会自动调用事先定义好的事件处理程序。（具体内容请参照书。）8.2.4调用代码的事件上一节中介绍的调用函数的事件处理方法是使用得最多的事件处理方法，使用该方法的代码可读性比较强，并且在函数中可以输入多个JavaScript语句，能完成拥有复杂功能的程序。但是，有些时候事件所激发的响应比较简单，这就可以将响应的代码直接写在事件中。（具体

6、内容请参照书。）8.2.5设置对象事件的方法8.2.5.1在HTML元素属性中设置对象事件8.2.5.2在JavaScript代码中设置对象事件8.2.6显式调用事件处理程序从前面的例子中可以看出，在发生事件时，浏览器通常都会调用一个JavaScript函数或方法来响应事件。而在JavaScript中，事件并不是一定要由用户激发，也可以通过代码直接激发事件，以达到显式调用事件处理程序的目的，8.2.7事件处理程序的返回值在JavaScript中并不要求事件处理程序有返回值。如果事件处理程序没有返回值，浏览器就会以默认情况进行处理。但是，在很多情况下程序都要求事件处理程序要有一个

7、返回值，通过这个返回值来判断事件处理程序是否正确处理，或者通过这个返回值来判断是否进行下一步操作。在这种情况下，事件处理程序返回值都为布尔值，如果为false则阻止浏览器的下一步操作，如果为true则进行默认的操作。8.2.8事件与this运算符由于事件通常都会调用一个函数，因此在函数体中处理数据时，常常需要使用到一些与对象相关的参数。此时就可以通过this运算符来传递参数。this运算符代表的是对象的本身，（具体内容请参照书。）8.3常用的事件浏览器中可以产生的事件有很多，不同的对象可能产