第7章节Window及相关顶级对象.ppt

第7章 Window及相关顶级对象 在“JavaScript基于对象编程”一章中，读者基本理解了Window相关顶级对象及它们之间的关系。在“文档结构模型（DOM）”一章中，继续加深了这种认识并从对象模型层次关系的角度重点分析了对象的产生过程。本章将从实际应用的角度出发，讨论Window、Frames、Navigator、Screen、History、Location、Document等相关顶级对象的属性、语法及如何创建、使用等问题。通过本章的学习，读者应能使用JavaScript脚本生成并管理浏览器基本框架，并且熟悉框架之间的通信方法。 7.1 顶级对象模型参考 在DOM架构中，Window、Frames、Navigator等顶级对象产生于浏览器载入文档至关闭文档期间的不同阶段，并起着互不相同且不可代替的作用。如Window对象在启动浏览器载入文档的同时生成，与当前浏览器窗口相关，包含窗口的最小最大化、尺寸大小等属性，同时具有关闭窗口、创建新窗口等方法；而Location对象以URL的形式载入当前窗口，并保存正在浏览的文档的位置及其构成信息，如协议、主机名、端口、路径、URL的查询字符串部分等，顶级模型的结构如图所示。 7.2 Window对象 简而言之，Window对象为浏览器窗口对象，为文档提供一个显示的容器。当浏览器载入目标文档时，打开浏览器窗口的同时，创建Window对象的实例，Web应用程序开发者可通过JavaScript脚本引用该实例，从而进行诸如获取窗口信息、设置浏览器窗口状态或者新建浏览器窗口等操作。同时，Window对象提供一些方法产生图形用户界面中用于客户与页面进行交互的对话框（模式或者非模式），并能通过脚本获取其返回值然后决定浏览器后续行为。 7.2.1 警告框 警告框使用Window对象的alert()方法产生，用于将浏览器或文档的警告信息（也可能不是恶意的警告）传递给客户。该方法产生一个带有短字符串消息和“确定”按钮的模式对话框，且单击“确定”按钮后对话框不返回任何结果给父窗口。 7.2.2 确认框 确认框使用Window对象的conform()方法产生，用于将浏览器或文档的信息（如表单提交前的确认等）传递给客户。该方法产生一个带有短字符串消息和“确定”、“取消”按钮的模式对话框，提示客户选择单击其中一个按钮表示同意该字符串消息与否，“确定”按钮表示同意，“取消”按钮表示不同意，并将客户的单击结果返回。 7.2.3 提示框 提示框使用Window对象的prompt()方法产生，用于收集客户关于特定问题而反馈的信息，该方法产生一个带有短字符串消息的问题，以及“确定”、“取消”按钮的模式对话框，提示客户输入上述问题的答案，并选择单击其中一个按钮表示确定还是取消该提示框。若客户单击了“确定”按钮，则将该答案作为提示框的结果返回，若单击了“取消”按钮，或直接关闭该提示框则返回null。 7.2.4 实例：学生信息采集系统 综合以上3种客户与浏览器交互的方法，可编制一个学生信息采集系统，该系统实现学生信息录入功能，并在数据合法性的检验方面进行了充分的考虑。 7.2.5 常见属性和方法汇总 Window对象提供诸多属性和方法用于浏览器窗口操作，如获取和设置当前窗口信息、创建浏览器窗口等。但由于各大浏览器厂商在继承DOM标准的基础上各自扩展了Window对象，而且浏览器的版本对Window对象的支持程度也不一样。出于兼容性考虑，表7.1列出了Internet Explorer（简称IE，下同）和Netscape Navigator（简称NN，下同）浏览器平台通用的Window对象常见属性和方法。 7.3 Navigator对象 Navigator对象最初由Netscape浏览器引入，并在其NN2中获得支持。Microsoft在其IE3上引入Navigator对象，但只支持其部分属性和方法。由于Navigator对象为程序员提供了十分有效的浏览器相关信息而得到较为广泛的应用，Microsoft在其IE4中引入Navigator对象的克隆版本即clientInformation对象并在IE4后续版本中得到更为完善的支持，该对象的所有属性和方法与Navigator对象完全相同。不同的是，clientInformation对象仅适用于IE浏览器，而Navigator对象则适用于所有浏览器，当然也包括IE浏览器。 7.3.1 获取浏览器信息