HTML+CSS+JavaScript对象模型02章节幻灯片.pptVIP

对象模型与事件处理 对象模型简介 对象模型是用来描述对象的逻辑层次结构以及其标准的操作方法的一个应用程序接口（API）。在JavaScript中，可以将对象模型分为以下几个组成部分。 核心部份Core：JS的核心部分主要包括js的数据类型、运算符、表达式，以及js中内置的全局对象、全局属性和全局函数等。 浏览器对象模型BOM：浏览器对象模型提供了用户与浏览器之间交互的对象以及操作的接口。这些对象中，有很大一部分是与网页内容不相关的，如代表屏幕的Screen对象，代表浏览器的Navigator对象等。 文档对象模型(Document Object Model)：简称DOM。文档对象模型是由W3C委员会所定义的标准文档对象模型，该模型是一个能够让程序或脚本动态的访问和更新文档内容、结构和样式的应用程序接口。 客户端对象层次 浏览器的主要作用是显示一个HTML文档，在这种情况下，JS使用Doceument对象代表HTML文档，使用Windwo对象代表显示该HTML文档的浏览器窗口。 script language=javascript window.document.write(使用JS输出的文字br); document.write(使用JS输出的文字br); /script Window对象是代表浏览器窗口的对象，因此该对象是顶层对象，而Document对象是代表HTML文档对象，因此，该对象是Window对象下的子对象。 window.document.write(); 在实际开发中，通常都会将顶层的Window对象省略。调用Docuemnt对象的write()； document.write(); 浏览器对象模型 对象与对象之间有着层次关系。如Document对象是Window对象的子对象，Window对象是Document对象的父对象等。 浏览器对象模型就是用于描述这种对象与对象之间层次关系的模型，该对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 Window对象是为BOM中的顶层对象，该对象代表了浏览器窗口。 Document对象：该对象代表浏览器窗口中所有加载的文档。使用Document对象可以操作文档中的内容。在整个BOM中，只有Document对象是与 HTML文档内容相关的。 Frames数组：该数组代表浏览器窗口中的框架。 History对象：该对象代表当前浏览器窗口的浏览历史。通过该对象可以将当前浏览器窗口中的文档前进或后退到某一个已经该问过的URL。 Location对象：该对象代表当前文档的URL。URL分为几个部份，如协议冲部分、主机部分、端口部分等。使用Location对象可以分别获得这些部分并且可以通过修改这些部分的值来加载一个新文档。 Navigator对象：该对象是浏览器对象，代表了浏览器的信息。该对象与Window对象不同，Windows对象可以用于控制浏览器窗口的一些属性，如浏览器窗口大小、位置等。而Navigator对象包含的是浏览器的信息，如浏览器的名称、版本号等。 Screen对象：该对象代表当前显示器的信息。使用Screen对象可以获得用户显示器的分辨率、可用颜色数量等信息。 Anchors数组：该数组代表了文档中的所有锚。数组中的每一个元素都是一个锚对象。每一个锚对象都对应着HTML文档中的一个包含name属性 的a标签，通过锚对象可以获得锚的命名，以及超链接中的文字。 Applets数组：该数组代表了嵌在网页中的所有小程序。 Embeds数组：与Applets类似。 Forms数组：该数组代表文档中的所有表单。 Images数组：该数组代表文档中的所有图片。 Links数组：该数组代表文档中的所有超链接。 Location对象：该对象与Window对象中的Location对象完全相同。 form name=myForm 请输入姓名:input type=text name=myName /form script window.document.myForm.myName.value=张三; /script 事件驱动与事件处理 用户在浏览器中产生的操作是事件，如单击鼠标、按下键盘上的键等。 文档本身产生的事件，如文档加载完毕、卸载文档等，都是事件。 img scr=img/img01.jpg onclick=alert(您单击图片) body form name=myForm input type=button name=myButton value=按钮 /form /body script func