Web课件第十一章.pptVIP

第五章 浏览器对象 1. Window 对象 客户端JavaScript是在Window对象提供的域空间中运行的。 Window对象是浏览器提供的第一类对象，它的含义是浏览器窗口，每个独立的浏览器窗口或者窗口中的框架都是用Window对象的实例来表示的。 1.1 Window对象的生命周期 生命周期：浏览器进程从开始到结束的整个过程。 1.2 Window对象的属性和方法 Window对象提供了许多属性和方法，这些属性和方法被用来操作浏览器窗口的外观和引用浏览器页面的内容。 2. Document 对象 Document 对象是浏览器的一个重要对象，它代表着浏览器窗口的文档内容。 一个浏览器窗口装载一个新的页面时，总是初始化一个新的Document对象。 Document对象和它呈现给JavaScript程序的元素集合构成了文档对象模型DOM， 2.1 动态生成的文档 Document对象的一个重要的特性就是能够创建和修改一个文档，定义了4个方法： open():产生一个新的文档，擦掉已有的文档 内容。 close():关闭或结束open方法打开的文档。 write():把文本附加到当前打开的文档。 writeln():把文本附加到当前打开的文档，并 输出一个换行符。 2.3 Document对象的基本信息 Document对象的基本属性描述了Document文档本身的元信息以及文档相对于外界的安全信息，这些基本属性包括: title: 属性是一个字符串，它引用的是文档的标题 ，它的值总是等同于HTML文档中位于标记title/title之间的文本， domain:属性是一个只读字符串，它的值总是等于提供文档页面的Web服务器所在的域。 referrer：属性也是字符串，它包含了把浏览器带到当前文档的链接。 location和URL：属性声明了装载文档的URL，它们是可读写的字符串，改变它们会导致页面的跳转。DOM标准里采用的属性是URL，所以尽量避免使用location。 lastModified：属性是一个字符串，包含文档的最近修改日期。 2.4 Document对象的外观属性 alinkColor：未被访问过的链接的颜色 linkColor：被访问过的链接的颜色 vlinkColor：被激活的超级链接的颜色 这些属性对应于标记body的属性：alink、link、vlink fgColor和bgColor：文档的前景色和背景色。对应于标记body的属性text和bgcolor 2.5 Document子对象接口 Document子对象接口是一组属性，它们引用了Document对象文档内容中的DOM元素,可以以列表的方式来访问大多数特定类型的DOM元素的方法。 anchors[]:Anchor对象的一个集合，该对象代表文档中的锚 applets[]:Applet对象的一个集合，该对象代表文档中的Java小程序 forms[]:Form对象的一个集合，该对象代表文档中的表单元素。 Images[]:Image对象的一个集合，该对象代表文档中的一个图片元素。 Links[]:Link对象的一个集合，该对象代表文档中的一个链接。 3. 对话框 对话框是指那些为用户提供有用信息的弹出窗口。 3.1 创建一个简单对话框 在客户端浏览器中，有三种常见的方法用来弹出简单对话框： alert():用于向用户显示消息。 confirm():要求用户点击OK或Cancel键来确认或者取消某个操作。 prompt():要求用户输入一个字符 3.2 其他类型的对话框 通过Window对象的open方法产生新窗口是一种不错的对话框模拟方法，它可以生成一些信息和操作比较复杂的“对话框” 4. 状态栏 每个浏览器窗口的底部都有一个状态栏，用来向用户显示一些特定的消息。 通过JavaScript可以改变状态栏的默认行为，显示我们所希望显示给用户的信息。这是通过window.status和window.defaultstatus来做到的。 5. 表单和表单对象 HTML中，表单form是一类既特殊又重要的DOM元素，它是用来完成同服务器端数据交互的。 5.1 Form对象及其范例 JavaScript的Form对象代表了一个HTML表单，如果一个页面文档中存在表单，那么在Document对象的forms[]集合中通常可以找到一个或多个Form对象。 在forms[]集合中，Form对象是按照它们在文档中出现的顺序存放的。 elem