javascript第九讲：窗口和框架

《javascript第九讲：窗口和框架》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第九讲：窗口和框架讲师：杨兴e-mail:jtclass@163.comhttp://www.bb888888.com/课程内容安排window对象window对象事件及使用方法对话框状态栏窗口操作超时与时间间隔框架操作window对象window对象介绍简而言之，window对象是浏览器窗口对文档提供一个显示的容器，是每一个加载文档的父对象。window对象还是所有其他对象的顶级对象，通过对window对象的子对象进行操作，可以实现更多的动态效果。window对象的使用方法window对象代表当前打开的浏览器

2、窗口，其作为顶级对象。window对象的方法和属性的调用和其它对象一样，区别是window对象不需要创建即可直使用。需要注意的是window对象名称是小写，下面是其属性和方法的调用语法。window.属性名window.方法名(参数列表)window对象window对象的使用方法举例window对象事件及使用方法装载文档网页加载完毕时激发一个onload事件。通常在该事件处理程序中进行与网页加载完毕相关的操作，该事件是BODY标签的属性。该事件也可以作用于IMG元素，通常借助该事件以实现图片预加载功能。当作用在

3、BODY元素中时，只有当整个网页都加完毕后才会被激发。卸载文档与load事件相反，unload事件是在浏览器窗口卸载文档时所激发的事件。所谓卸载是浏览器的一个功能，即在加载新文档之前，浏览器会清除当前的窗口的内容。用这个事件可以在卸载文档时给用户一个提示信息，比如说一个问候。window对象事件及使用方法得到焦点与失去焦点得到焦点是指浏览器窗口为当前的活动窗口，得到焦点时触发窗口对象的focus事件。相反的是当浏览器窗口变为后台窗口时，称为失去焦点。发生这种转换时触发名为blur的事件。通常将focus事件与b

4、lur事件都会联合起来，使用在与窗口活动状态有关的场合。窗口对象提供两个方法用于调整窗口的大小，分别是resizeTo和resizeBy。其中，resizeBy是相对于当前尺寸调整窗口大小，而resizeTo是把把窗口设置成指定的宽度和高度。当浏览器窗口大小被调整时，将会触发resize事件。window对象事件及使用方法错误处理window对象中有一个可以用来处理错误信息的事件error，该事件由浏览器产生。以IE浏览器为例，一旦产生了JavaScript错误，就会在窗口状态栏中显示错误提示。只有在当前窗口中

5、发生了JavaScript错误才激发error事件，虽然能得到错误通过，但与“try…catch…finally”异常处理结构不同，后者是语言机制，在这种机制下错误是可以挽回的。下面举例说明.window对象事件及使用方法错误处理对话框警告对话框警告对话框是一个带感叹图标的小窗口，显示文本信息并且使扬声器发出“当～”的声音。通常用来输出一些简单的文本信息，通过调用window对象的alert方法即可显示一个警告对话框询问对话框询问对话框是具有双向交互的信息框，系统在对话框上放置按钮，根据用户的选择返回不同的值。

6、设计程序时可以根据不同的值予以不同的响应，实现互动的效果。通常放在网页中，对用户进行询问并根据其选择而做选择不同的流程。使用语法如下:window.confirm(string)对话框输入对话框很多情况下需要向网页中的程序输入数据，简单的鼠标交互显然不能满足。此时就可以使用window对象提供的输入对话框，通过该对话框可以输入数据。通过window的prompt方法即可显示输入对话框，使用方法如下：window.prompt(提示信息，默认值)对话框输入对话框实例状态栏状态栏介绍浏览器的状态栏通常位于窗口的底部

7、，用于显示一些任务状态信息等。在通常情况下，状态显示当前浏览器的工作状态或用户交互提示信息,如图所示。状态栏默认状态栏信息默认情况下，状态栏里的信息都是空的，只有在加载网页或将鼠标放在超链接上时，状态栏中才会显示与任务目标相关的瞬间信息。window对象的defaultStatus属性可以用来设置在状态栏中的默认文本，当不显示瞬间信息时，状态栏可以显示这个默认文本。defaultStatus属性是一个可读写的字符串。状态栏瞬间信息在默认情况下，将鼠标放在一个超链接上时，状态栏会显示该超链接的URL，此时的状态栏

8、信息就是瞬间信息。当鼠标离开超链接时，状态栏就会显示默认的状态栏信息，瞬间信息消失。状态栏状态栏瞬间信息窗口操作打开新窗口使用window对象的open方法可以打开一个新的浏览器窗口，新窗口作为本窗口的子窗口。相应的本窗口作为新窗口的次窗口，并持有对新窗口的一个引用，通过该引用可以适度的操作新窗口。open方法的语法如下：window.open(url,name,features,re