51CTO下载-第14章 Document对象.pdfVIP

第14章 Document对象 Document 对象是浏览器对象模型中非常重要也是最常用的一个对象。使用 Document 对象提供的方法可以动态生成 HTML 文档的内容，使用其提供的方法对象集 合属性可以访问HTML 文档中的表单、链接以及Java 小程序等对象。与此同时，Document 对象也是文档对象模型(DOM) 中非常重要的对象，关于 Document 对象在 DOM 中的使 用将会在第 16 章介绍。本章主要讲解 Document 对象传统的属性和方法以及 HTML 文 档中图像、链接和锚点等对象的使用，最后介绍如何处理 cookie 。 14.1 Document 对象概述 Document 对象代表一个 HTML 文档，Window 对象的 document 属性引用当前窗口 中的Document 对象的实例。Document 对象是浏览器对象模型中非常重要的组成部分， 其部分属性提供了和当前 HTML 文档相关的信息，其提供的方法如 open()和 write()等可 以实现动态改变 HTML 文档的内容。更为重要的是，Document 对象的对象集合属性如 anchors[] 、applets[]等保存了当前文档中锚点、Java 小程序等对象。 通过 Document 对象可以访问 HTML 文档中的元素并对其进行处理，这就形成了早 期的文档对象模型(Document Object Model，简称 DOM) 。随后，W3C 组织推出了标准 的文档对象模型，并对 Document 对象进行了标准化，删除部分属性(如 lastModified 属 性)和方法(如 close()方法) ，并增加和改进了一些方法，Document 对象成为标准 DOM 的 一部分。为了区分，称标准的 DOM 为 W3C DOM 。在 Document 对象的演变过程中， 其属性和方法的使用非常混乱以，本章所讲述的内容不涉及 W3C DOM 的核心部分， W3C DOM 部分将会在第 16 章专门讲解。 14.2 Document 对象的方法 Document 对象的 open()方法可以实现打开一个文档的功能，其基本语法格式为： document.open([MIMEType]); 其中，参数 MIMEType 为字符串类型的数据，用于指定写入文档的数据类型，如 “text/html ”代表HTML 文档，“text/plain ”代表纯文本文档，类似的还有如 image/jpeg 等等。该参数为可选，缺省为“text/html ”。 在打开一个文档之后就可以使用 Document 对象的 write()方法向其中写入内容了， write()方法的基本语法格式为： document.write([value1][,value2][,…][,valueN]); 其中，参数 value1 到 valueN 为 0 个或任意多个字符串，表示要向文档中写入的内 • 2 • 容。这些字符串内容按照其参数的顺序依次被写入到文档中。如下面的代码，输出的结 果为“Hello,JavaScript!”。 document.write(Hello,, JavaScript!); 需要说明的是，write()方法的执行是文档解析的一部分，所以应该在script/script 之间使用 write()方法，否则 write()方法输出的内容会覆盖文档中原有的内容。 Document 对象还提供了另外一个向文档中输出内容的方法——writeln() 方法。 writeln()方法和 write()方法的唯一区别在于其在输出内容之后再输出一个换行符号“\n ”， 这个方法通常在文档类型为纯文本的文档中使用。但在 HTML 文档中换行符号是被忽略 的，所以writeln()方法的输出效果和 write()方法的输出效果是一样的。 Document 对象的 close()方法和 open()方法相对应，其功能是关闭一个打开的文档。 在一个新打开的文档中调用 write()方法后如果不调用 close()方法，则浏览器加载文档的 任务就不会停止，也就是说文档永远不会加载完毕，在浏览器的状态栏中不会显示类似 加载完毕的字样。相对于 close()方法而言，o