《javascript从入门到精通》09 窗口和框架.ppt

第9章 窗口和框架 利用JavaScript语言编写程序，可以对Web浏览器进行控制，实现各种页面效果。本章介绍了浏览器对象模型的概念及它的层次结构，重点介绍了浏览器对象模型中，处于最顶层的Window对象。其他Screen对象、History对象、Location对象、Navigator对象和Document对象会在以后章节中详细说明。 9.1 浏览器对象模型 JavaScript是在浏览器中运行的，在某些情况下需要对浏览器进行控制。例如，向浏览器中写入内容，弹出信息，设置窗口的位置，显示状态栏信息等操作，或者控制HTML元素。这些操作主要是通过操作浏览器对象来实现的。 所谓浏览器对象，是浏览器的制造者，将显示在浏览器窗口上的HTML页面内容，以可视化的对象表现出来。例如，表示页面文档的Document对象、表示文本框和按钮的表单对象、图像对象等，都是浏览器根据页面内容所创建的对象。JavaScript就可以通过这些浏览器对象来访问页面上的元素，控制浏览器窗口、编写复杂多样的页面效果。 9.1.1 浏览器对象模型 浏览器对象是客户端JavaScript的核心，它是一个分层的核心对象的集合。浏览器对象为窗口、框架、URL、文档和历史记录等窗口组成部分提供相应的属性和方法，JavaScript可以调用相应的属性和方法来编写程序。各种浏览器对象形成一个层次模型， 9.1.2 访问浏览器对象 在浏览器对象模型中，每个对象都有各自的属性（Property）、方法（Method）和事件，JavaScript可以根据需要调用这些对象的属性、方法来进行编程。JavaScript对浏览器对象的引用是简单的一层一层的应用，但是必须严格按照层次结构来引用窗口中的对象。可以表示为： Window.对象[.对象].方法[属性] 9.2 Window对象 Window对象称之为窗口对象，位于浏览器对象模型的最顶层，代表整个浏览器窗口，是Web浏览所有内容的主容器，只要打开一个浏览器窗口，即创建了一个Window对象，即使没有在窗口上显示任何内容。 可通过Window对象来访问浏览器窗口的各个方面，如滚动条、状态栏、弹出窗口、历史导航条等信息，以及设置窗口的大小、位置和改变大小等。Window对象和其他对象一样具有它自己的属性、方法和事件。属性应用于指明窗口以及其组件的信息，方法用于操作Web浏览器窗口。下面详细介绍Window对象常用的属性、方法和事件。 9.2.1 Window对象的常用属性、方法 Window对象的属性和方法的在JavaScript中的引用与其他对象的引用方法一样，通过对对象名称的引用。应用Window对象可表示为： Window.属性 Window.方法 9.2.2 Window对象的常用事件 Window对象代表整个浏览器窗口，较为常用的事件为onload事件和unonload事件。Onload事件表示页面文档完全装载到浏览器器时，调用事件触发器，而unonload事件表示浏览器遗弃当前文档时调用的事件触发器。 但一个网页被读取的时候，onload事件被触发，就可以调用相关的事件程序，例如在页面加载的时候弹出信息，代码如下所示： body onload=Window.alert(欢迎光临本站); 9.2.3 打开窗口 在浏览网页时，打开一个Web浏览器窗口，就代表浏览器创建了一个Window对象。通过这个Window对象可以对整个浏览器进行操作编程。但在某些情况下，希望在浏览网页时，打开一个新的窗口或已经存在的窗口来显示内容。例如，在打开网站首页时，弹出新闻公告等窗口。简单的广告窗口都可以通过窗口对象的open()来实现。 浏览器开启时，会自动开启一个窗口，这个窗口就是一个Window对象。在这个窗口加载的页面上调用了Window.Open()方法，则浏览器会开启另一个新窗口，为这个窗口的子窗口。 9.2.4 关闭窗口 当打开一个窗口后，可以使用close()方法来关闭窗口。语法格式如下所示： Window.close() 或 self.close()： 当关闭一个打开的窗口时，使用Window对象的close()方法，即可以关闭窗口。在关闭窗口前，页面会弹出一个对话框，以再次确认是否要关闭浏览器窗口。 9.2.5 弹出信息 弹出信息对话框是用来向观看者显示一些信息。一般情况下，用户可根据弹出的提示信息做出响应，确定或者取消对话框。而且用户必须先做出相应，才能继续进行操作。 Window对象包括3个提示信息的对话框，分别使用alert()方法、confirm()方法、和prompt()方法来调用，语法格式如下所示： Window.alert( ) alert( ) Window