第8章操作窗口和框架要点.ppt

第8章 操作窗口和框架 JavaScript作为一种客户端的脚步语言，其必须依赖于客户端浏览器的解释和执行，不能独立于浏览器存在。另一方面，JavaScript是被作为HTML语言的一个部分存在的，在JavaScript中，将浏览器中载入页面的各个部分按HTML标记区分为各种对应的对象。 本章将介绍： 窗口对象的事件和方法。 “open”方法的使用。 “createPopup”、“showModalDialog”和“showModelessDialog”方法的应用。 “setTimeout”和“setInterval”方法的使用。 含有框架结构的页面中，窗口对象的关系。 如何跨窗口调用函数。 8.1 示例：模拟Live Messenger的振动闪屏功能 HTML标记从数据结构上来说属于树的拓扑，从根节点“HTML”标记开始，其每个子集都是一颗子树。因此在JavaScript中，页面元素对应的脚本对象也具有树的结构特点，和HTML文档中的结构相对应。最高的页面对象是窗口对象（“window”对象）。代码8-1.htm是使用脚本操作窗口对象，模拟微软的即时聊天工具Live Messenger的振动闪屏功能。 8.2 控制窗口－窗口对象的事件、属性和方法 窗口对象是页面元素对象中比较重要的一个对象，因为其地位比较特殊。窗口对象作为所有页面元素对象的根对象，不仅有着一般页面元素所具有的基本的事件、属性和方法，也有着其自身独有的某些特质。 8.2.1 获取窗口的改变—窗口对象的事件 表8-1中列出了常见的窗口对象事件。 8.2.2 控制窗口的行为—窗口对象的方法 表8-2中列出了窗口对象的常见方法。 8.3 打开一个新窗口—窗口的“open”方法详解 窗口的“open”方法是窗口对象一个非常常用的方法。其作用是打开一个新的窗口。其调用的语法为： open([sURL] [, sName] [, sFeatures] [, bReplace]); 8.3.1 “open”方法的参数说明 参数“sFeatures”是字符型变量，可选，包含了对打开窗口样式的定义。其内容由一系列的项目，或者称为键值对的子字符串组成，各个项目间用逗号分隔开。每个项目的内容都是一个名称加上一个等号，然后再加上属性对应的值。例如： window.open(“TheURL”, “TheWindowName”, “height=150, menubar=no, top=200”); 表8-3列出了所有常见的“open”打开的窗口的项目属性。 8.3.2 检测弹窗动作是否被拦截 值得注意的是，随着浏览器的发展，未经过用户允许的弹出窗口行为被认为是不友好的，因而常常被浏览器（如IE6.0+Windows XP2或更高版本），或浏览器的插件拦截，无法完成打开新窗口的目的。为了检测打开的新窗口是否被拦截，可以使用前面章节中提及的错误捕获机制。 8.3.3 色彩选择器—“open”方法的应用 在使用窗口对象A的“open”方法打开新窗口B后，新窗口B的“opener”属性被设置为指向窗口A。也就是说，可以在窗口B中使用脚本来控制原窗口。代码8-4.htm是一个利用该特性的例子，其效果是一个色彩选择器。 8.4 在网页中使用自定义的对话框 除了窗口的“open”方法外，JavaScript还提供了另外3种弹出窗口的形式，分别是：窗口的“createPopup”方法，用于建立一个弹出式窗体；窗口的“showModalDialog”方法，用于建立一个模式对话框；窗口的“showModelessDialog”方法，用于建立一个非模式对话框。 8.4.1 模拟Windows帮助效果—弹出式窗体的应用 “createPopup”方法的使用语法是： oPopup = window.createPopup(); 该方法返回一个弹出式窗体对象。该弹出窗体初始化的时候状态是隐藏不可见的。在显示弹出式窗体的时候，原窗体的已有焦点的元素不会失去焦点，因此也不会激发“onblur”事件。 8.4.2 模式对话框和非模式对话框 在前面的小节中，有过用窗口的“open”方法打开新窗口来模拟Windows对话框的示例。J