《操作窗口和框架》PPT课件

《《操作窗口和框架》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章操作窗口和框架JavaScript作为一种客户端的脚步语言，其必须依赖于客户端浏览器的解释和执行，不能独立于浏览器存在。另一方面，JavaScript是被作为HTML语言的一个部分存在的，在JavaScript中，将浏览器中载入页面的各个部分按HTML标记区分为各种对应的对象。8.1示例：模拟LiveMessenger的振动闪屏功能HTML标记从数据结构上来说属于树的拓扑，从根节点“HTML”标记开始，其每个子集都是一颗子树。因此在JavaScript中，页面元素对应的脚本对象也具有树的结构特点，和HTML文档中的结构相对应。最高的页面对象是窗口对象（“window”对象）。代码

2、.htm是使用脚本操作窗口对象，模拟微软的即时聊天工具LiveMessenger的振动闪屏功能。8.2控制窗口－窗口对象的事件、属性和方法窗口对象是页面元素对象中比较重要的一个对象，因为其地位比较特殊。窗口对象作为所有页面元素对象的根对象，不仅有着一般页面元素所具有的基本的事件、属性和方法，也有着其自身独有的某些特质。8.2.1获取窗口的改变—窗口对象的事件表中列出了常见的窗口对象事件。8.2.2控制窗口的行为—窗口对象的方法（1）关于“alert”、“confirm”和“prompt”函数在前面的章节中已经做了详细介绍。其实这些函数都是窗口对象的方法。因为在JavaScript中“w

3、indow”对象可以省略不写，因此看上去好像是直接调用了一个函数来完成这些工作。（2）窗口对象的“close”方法可以用来关闭窗口。在InternetExplorer浏览器中，对于由原浏览器窗口点击链接，或通过脚本打开的窗口，调用“close”方法时窗口可以直接关闭。但如果是通过双击桌面图标等方式打开的新窗口，在试图使用脚本关闭时会出现提示，询问是否同意关闭当前窗口，（3）“execScript”方法有点类似于“eval”函数，两者都是将一段字符串作为脚本代码来解释执行，但两者间也有着很大的不同。8.3打开一个新窗口—窗口的“open”方法详解窗口的“open”方法是窗口对象一个非常常

4、用的方法。其作用是打开一个新的窗口。该方法接受三个参数，其调用的语法为：open([sURL][,sName][,sFeatures][,bReplace]);8.3.1“open”方法的参数说明参数“sURL”是字符型变量，可选，指定新打开的窗口应当装载页面的URL，缺省时打开一个空白的窗口。参数“sName”是字符型变量，可选，指定打开窗口的名称。需要注意的是，这里的窗口名称不同于窗口标题栏中的标题。浏览器窗口的名称是窗口对象的一个属性。比如浏览者在点击下面的链接时：点我啊会打开一个新的浏览器窗口，该窗

5、口的名称就是“TheWinName”。在调用窗口对象的“open”方法时，如果给出了“sName”参数，且名为“sName”的窗口已经存在，则浏览器会将地址为“sURL”的页面装载入该窗口中。如果“sName”缺省，或者名为“sName”的窗口不存在，则会打开一个新的窗口。8.3.2检测弹窗动作是否被拦截值得注意的是，随着浏览器的发展，未经过用户允许的弹出窗口行为被认为是不友好的，因而常常被浏览器（如IE6.0+WindowsXP2或更高版本），或浏览器的插件拦截，无法完成打开新窗口的目的。为了检测打开的新窗口是否被拦截，可以使用前面章节中提及的错误捕获机制。代码.htm是一个可以根据

6、浏览器行为不同而改变的页面。8.3.3色彩选择器—“open”方法的应用在使用窗口对象A的“open”方法打开新窗口B后，新窗口B的“opener”属性被设置为指向窗口A。也就是说，可以在窗口B中使用脚本来控制原窗口。代码.htm是一个利用该特性的例子，其效果是一个色彩选择器。代码-color_dialog.htm是色彩选择器的对话框。8.4在网页中使用自定义的对话框除了窗口的“open”方法外，JavaScript还提供了另外3种弹出窗口的形式，分别是：窗口的“createPopup”方法，用于建立一个弹出式窗体；窗口的“showModalDialog”方法，用于建立一个模式对话框；

7、窗口的“showModelessDialog”方法，用于建立一个非模式对话框。8.4.1模拟Windows帮助效果—弹出式窗体的应用“createPopup”方法的使用语法是：oPopup=window.createPopup();该方法返回一个弹出式窗体对象。该弹出窗体初始化的时候状态是隐藏不可见的。在显示弹出式窗体的时候，原窗体的已有焦点的元素不会失去焦点，因此也不会激发“onblur”事件。代码.htm是一个弹出式窗体的应用示例。8.4.