javascript第九讲：窗口及框架.ppt

1-* 北京源智天下科技有限公司 联系方式： 联系方式： 北京源智天下科技有限公司 第九讲：窗口和框架 讲师：杨兴 e-mail:jtclass@163.com / 课程内容安排 window对象 window对象事件及使用方法 对话框 状态栏 窗口操作 超时与时间间隔 框架操作 window对象 window对象介绍 简而言之，window对象是浏览器窗口对文档提供一个显示的容器，是每一个加载文档的父对象。window对象还是所有其他对象的顶级对象，通过对window对象的子对象进行操作，可以实现更多的动态效果。 window对象的使用方法 window对象代表当前打开的浏览器窗口，其作为顶级对象。window对象的方法和属性的调用和其它对象一样，区别是window对象不需要创建即可直使用。需要注意的是window对象名称是小写，下面是其属性和方法的调用语法。 window.属性名 window.方法名(参数列表) window对象 window对象的使用方法举例 window对象事件及使用方法 装载文档 网页加载完毕时激发一个onload事件。通常在该事件处理程序中进行与网页加载完毕相关的操作，该事件是BODY标签的属性。该事件也可以作用于IMG元素，通常借助该事件以实现图片预加载功能。当作用在BODY元素中时，只有当整个网页都加完毕后才会被激发。 卸载文档 与load事件相反，unload事件是在浏览器窗口卸载文档时所激发的事件。所谓卸载是浏览器的一个功能，即在加载新文档之前，浏览器会清除当前的窗口的内容。用这个事件可以在卸载文档时给用户一个提示信息，比如说一个问候。 window对象事件及使用方法 得到焦点与失去焦点 得到焦点是指浏览器窗口为当前的活动窗口，得到焦点时触发窗口对象的focus事件。相反的是当浏览器窗口变为后台窗口时，称为失去焦点。发生这种转换时触发名为blur的事件。通常将focus事件与blur事件都会联合起来，使用在与窗口活动状态有关的场合 。 窗口对象提供两个方法用于调整窗口的大小，分别是resizeTo和resizeBy。其中， resizeBy是相对于当前尺寸调整窗口大小，而resizeTo是把把窗口设置成指定的宽度和高度。当浏览器窗口大小被调整时，将会触发resize事件。 window对象事件及使用方法 错误处理 window对象中有一个可以用来处理错误信息的事件error，该事件由浏览器产生。以IE浏览器为例，一旦产生了JavaScript错误，就会在窗口状态栏中显示错误提示。只有在当前窗口中发生了JavaScript错误才激发error事件，虽然能得到错误通过，但与“try…catch…finally”异常处理结构不同，后者是语言机制，在这种机制下错误是可以挽回的。 下面举例说明. window对象事件及使用方法 错误处理 对话框 警告对话框 警告对话框是一个带感叹图标的小窗口，显示文本信息并且使扬声器发出“当～”的声音。通常用来输出一些简单的文本信息，通过调用window对象的alert方法即可显示一个警告对话框 询问对话框 询问对话框是具有双向交互的信息框，系统在对话框上放置按钮，根据用户的选择返回不同的值。设计程序时可以根据不同的值予以不同的响应，实现互动的效果。通常放在网页中，对用户进行询问并根据其选择而做选择不同的流程。 使用语法如下: window.confirm(string) 对话框 输入对话框 很多情况下需要向网页中的程序输入数据，简单的鼠标交互显然不能满足。此时就可以使用window对象提供的输入对话框，通过该对话框可以输入数据。通过window的prompt方法即可显示输入对话框，使用方法如下： mpt( 提示信息，默认值 ) 对话框 输入对话框实例 状态栏  状态栏介绍 浏览器的状态栏通常位于窗口的底部，用于显示一些任务状态信息等。在通常情况下，状态显示当前浏览器的工作状态或用户交互提示信息 ,如图所示。 状态栏 默认状态栏信息 默认情况下，状态栏里的信息都是空的，只有在加载网页或将鼠标放在超链接上时，状态栏中才会显示与任务目标相关的瞬间信息。window对象的defaultStatus属性可以用来设置在状态栏中的默认文本，当不显示瞬间信息时，状态栏可以显示这个默认文本。defaultStatus属性是一个可读写的字符串 。 状态栏瞬间信息 在默认情况下，将鼠标放在一个超链接上时，状态栏会显示该超链接的URL，此时的状态栏信息就是瞬间信息。当鼠标离开超链接时，状态栏就会显示默认的状态栏信息，瞬间信息消失 。 状态栏 状态栏瞬间信息 窗口操作  打开新窗口 使用window