基于任务驱动模式的JavaScript程序设计案例第6章 Window及相关顶级对象.ppt

第6章 Window及相关顶级对象  6.1 概 述　　在本书第4章“文档结构模型(DOM)”一章中，从对象模型层次关系的角度重点分析了对象的产生过程。本章将从实际应用的角度出发，讨论Window、Navigator、Screen、History、Location、Document等相关顶级对象的属性、语法及如何创建、使用等问题。　　 6.2 顶级对象模型参考　　在DOM架构中，Window、Frames、Navigator等顶级对象产生于浏览器载入文档至关闭文档期间的不同阶段，并起着互不相同且不可代替的作用。例如，Window对象在启动浏览器载入文档的同时生成，与当前浏览器窗口相关，包含窗口的最小最大化、尺寸大小等属性，同时具有关闭窗口、创建新窗口等方法；而Location对象以URL的形式载入当前窗口，并保存正在浏览的文档的位置及其构成信息，如协议、主机名、端口、路径、URL的查询字符串部分等。顶级对象模型的结构如图6-1所示。 图6-1 　　可见，Window对象在层次中的最上层，而Document对象处于顶级对象的最底层。一般来说，Frames对象在Window对象的下层，但当目前文档包含框架集时，该框架集中的每个框架都包含单独的Window对象，每个Window对象都直接包含一个(或者间接包含多个)Document对象。下面我们首先来了解Window对象。 　6.3 Window对象　　简而言之，Window对象为浏览器窗口对象，为文档提供一个显示的容器。当浏览器载入目标文档时，打开浏览器窗口的同时，创建Window对象的实例，Web应用程序开发者可通过JavaScript脚本引用该实例，从而进行诸如获取窗口信息、设置浏览器窗口状态或者新建浏览器窗口等操作。同时，Window对象提供一些方法产生图形用户界面中用于客户与页面进行交互的对话框(模式或者非模式)，并能通过脚本获取其返回值然后决定浏览器后续行为。 　　由于Window对象是顶级对象模型中的最高级对象，因此，对当前浏览器的属性和方法，以及当前文档中的任何元素的操作都默认以Window对象为起始点，并按照对象的继承顺序进行访问和相关操作。由此，在访问这些目标时，可将引用Window对象的代码省略掉，如在需要给客户以警告信息的场合调用Window对象的alert()方法产生警告框，可直接使用alert(targetStr)语句，而不需要使用window.alert (targetStr)的方法。但在框架集或者父子窗口通信时，须明确指明要发送消息的窗口名称。　　Window对象有很多的属性和方法供我们调用，表6-1列举了Window对象常用的属性和方法。 6.3.1 交互式对话框　　1. 警告框　　警告框使用Window对象的alert()方法产生，用于将浏览器或文档的警告信息(也可能不是恶意的警告)传递给客户。该方法产生一个带有短字符串消息和“确定”按钮的模式对话框，且单击“确定”按钮后对话框不返回任何结果给父窗口。此方法的语法如下： 图6-2 　　2. 确认框　　确认框使用Window对象的conform()方法产生，用于将浏览器或文档的信息(如表单提交前的确认等)传递给客户。该方法产生一个带有短字符串消息和“确定”、“取消”按钮的模式对话框，提示客户选择单击其中一个按钮表示是否同意该字符串消息：“确定”按钮表示同意，“取消”按钮表示不同意，并将客户的单击结果返回。此方法的语法如下： 图6-3 　　若单击“确定”按钮，将弹出警告框如图6-4所示。 图6-4 　　若单击“取消”按钮或直接关闭该确认框，将弹出警告框如图6-5所示。 图6-5 　　3. 提示框　　提示框使用Window对象的prompt()方法产生，用于收集客户关于特定问题的反馈信息，该方法产生一个带有短字符串消息的问题和“确定”、“取消”按钮的模式对话框，提示客户输入上述问题的答案，并选择单击其中一个按钮表示确定还是取消该提示框。如果客户单击了“确定”按钮则将该答案返回，若单击了“取消”按钮或者直接关闭则返回null值。此方法的语法如下： 　　程序运行后，弹出提示框如图6-6所示。 图6-6 　　如果在上述提示框填入正确结果“2”，并单击“确定”按钮，弹出警告框如图6-7所示。 图6-7 　　如果在上述提示框输入错误的答案，并单击“确定”按钮，弹出警告框如图6-8所示。 图6-8 　　如果在上述提示框中单击“取消”按钮或直接关闭，弹出警告框如图6-9所示。　　使用prompt()方法生成提示框返回客户的答案时，应注意考察提示框的返回值，然后采取进一步的动作。 图6-9 6.3.2 设定时间间隔　　Window对象提供setInterval(