DOM-Document类型

    

Document类型

JavaScript通过Document类型表示文档。在浏览器中，document对象是HTMLDocument（继承自Document类型）的一个实例，document对象是window对象的一个属性，因此可以将其作为全局对象来访问。Document节点具有下列特征：

nodeType的值为9
nodeName的值为“#document”
nodeValue的值为null
parentNode的值为null
ownerDocument的值为null
其子节点可能是一个DocumentType、Element、ProcessingInstruction或者Comment

 

1、文档的节点

有两个内置的访问其子节点的快捷方式。第一个就是documentElement属性，该属性始终指向HTML页面中的元素。另一个就是通过childNodes列表访问文档元素，但通过documentElement属性更快捷

1          2              3 4              5          6 7          var html = document.documentElement;8          console.log(html === document.childNOdes[0]); //true9          console.log(html === document.firstChild); //true

document对象还有一个body属性，直接指向元素。

1 var body = document.body;

所有浏览器都支持document.documentElement和document.body属性

通常将标签看成一个与文档其他部分不同的实体，可以通过doctype属性来访问他的信息

1 var doctype = document.doctype;

浏览器对document.doctype的支持差别很大

 

2、文档信息

作为HTMLDocument的一个实例，document对象还有一些标准的Document对象所没有的属性。其中第一个属性就是title，包含着 4              5              6                 

The current data and  time is: 7                  8                     document.write("" + (new Date()).toString() + ""); 9                 10                 

11             12             

 

 

此外还可以使用write()和writeln()方法动态的包含外部资源，例如JavaScript文件等。注意：不能像下面的例子那样直接包含字符串""，因为这会导致该字符串被解释为脚本块的结束，它后面的代码将无法执行。

 1              2              3              4              5              6                  7                     document.write("" + ""); 8                  9             10             

 

 

即使这个文件看起来没错，但字符串""将被解释为与外部的 9             10             

 

 

前面的例子使用document.write()在页面被呈现的过程中直接向其中输出了内容。如果在文档加载结束后再调用document.write(),那么输出的内容将会重写整个页面。

 1              2              3              4              5              6                 
This is some context that you won't get to see because it will be overwritten.
 7                  8                     window.onload = function(){ 9                         document.write("Hello world!");10                     };11                 12             13             

等到页面完全加载之后延迟执行函数。函数执行之后，字符串"Hello world!"会重写这个页面内容

方法open()和close()分别用于打开和关闭输出流。如果是在页面加载期间使用write()或writeln()方法，则不需要用到这两个方法。