第12章 窗口和框架.ppt

第12章 窗口与框架 从BOM结构示意图中可以看出，位于BOM结构顶层的对象是Window对象。在BOM中，Window对象代表的是浏览器窗口或浏览器窗口中的框架。 12.1 Window对象简介 Window对象位于BOM结构的顶层，是一个全局对象。由于Window对象是属于BOM中的对象，而不是属于JavaScript中的对象，所以不能使用new语句创建一个新的Window对象，只可以直接使用“window”来调用Window对象。 12.1.1 Window对象简介 Window对象的主要作用是操作浏览器窗口，如打开一个新的浏览器窗口、关闭一个浏览器窗口、移动浏览器窗口、调整浏览器窗口大小等。除了浏览器窗口本身，Window对象还可以操作浏览器窗口中的一些部位，如在状态栏中显示信息、滚动滚动条等。另外，Window对象还可以弹出对话框，如警告框、提示框等。对于显示在浏览器窗口中的文档，Window对象可以反复执行某段JavaScript代码或延迟执行某段JavaScript代码。而对文档的更多操作，可以通过Window对象的Document子对象来进行操作。 12.1.2 Window对象的子对象 Window对象包含了以下几个子对象。 Document子对象：这是Window对象中使用得最多的子对象，Document对象代表的是加载在浏览器窗口中的文档，只要是与文档相关的内容都可以在该对象中完成。 History子对象：这是一个代表用户浏览历史的对象，通过该对象可以将网页跳转到已经访问过的网页上。 Location对象：这是一个代表当前文档的URL的对象，可以通过修改当前文档的URL来加载一个新文档。 Navigator对象：这是一个代表浏览器的对象（不是浏览器窗口），通过该对象可以获取当前浏览器的一些信息。 Screen对象：这是一个代表客户端显示器的对象，通过该对象可以获得客户端显示器的一些信息。 12.1.3 Window对象的引用 由于Window对象并不是JavaScript的核心对象而是一个独立于JavaScript平台的BOM中的对象，因此，不能使用JavaScript的new语句来创建一个新的Window对象。但在JavaScript中可以使用“window”来直接引用Window对象，此时，Window对象代表的是当前浏览器窗口。 12.2 对话框 使用Window对象的方法可以在浏览器窗口中弹出不同的对话框。浏览器窗口可以弹出的对话框有警告框、确认框和提示框3种。 12.2.1 警告框 警告框可以向用户发出提示，通常用于告诉用户操作是否有误，或提醒用户应该使用什么操作。因此，警告框是对话框中最简单的一种，因为用户除了需要告诉警告框“我知道了”之外，并不能对警告框有其他的操作。因此，在警告框中除了可以显示提示内容之外，就只有一个确定按钮，单击该确定按钮之后，警告框就会消失。 12.2.2 确认框 确认框与警告框不同，确认框的作用是让用户确认是否操作，例如，在提交表单时，可以弹出一个确认框，询问用户是否确定要提交表单，所以确认框上会有确定和取消两个按钮 。如果用户单击确定按钮，确认框将会返回true；如果用户单击取消按钮，确认框将会返回false。Window对象的confirm( )方法可以弹出一个确认框，其语法代码如下所示： window.confirm(message) 12.2.3 提示框 确认框只能返回一个布尔值，用于说明用户的选择情况，而提示框比确认框中多了一个单行文本框，用户可以在单行文本框中输入内容，再由提示框将用户输入的内容返回。Window对象的prompt( )方法可以创建一个提示框，其语法代码如下所示： window.prompt(message[, default]) 12.2.4 对话框的使用 在需要提醒用户时可以使用警告框，在需要用户确认时可以使用确认框，在需要获得用户输入内容时可以使用提示框。代码清单12-1中的例子里综合使用了以上3种对话框，注意加粗的文字。 12.3 窗口操作 Window对象是代表浏览器窗口的对象，该对象主要作用是操作浏览器窗口，如打开一个浏览器窗口、关闭一个浏览器窗口等。 12.3.1 open( )方法简介 Window对象的open( )方法可以打开一个浏览器窗口，该方法的语法代码如下所示： winow.open(url, name, features, replace) 12.3.2 打开一个新浏览器窗口 Window对象的open( )方法中一个最简单的应用就是打开一个新浏览器窗口。如果在open( )方法中没有使用url参数，则打开一个空白窗口；如果在open( )方法中使用了url参数，则在打开新浏览器窗口时加载