HTML5扩展了 HTMLDocument ，增长了新的功能。

时间 2019-12-07

标签 html5 html 扩展 htmldocument 增长新的功能栏目 HTML5 繁體版

原文原文链接

HTML5扩展了 HTMLDocument ，增长了新的功能。与HTML5中新增的其余DOM扩展相似，这些变化一样基于那些已经获得不少浏览器完美支持的专有扩展。因此，尽管这些扩展被写入标准的时间相对不长，但不少浏览器很早就已经支持这些功能了。浏览器

1. readyState 属性ui

IE4最先为 document 对象引入了 readyState 属性。而后，其余浏览器也都陆续添加这个属性，最终HTML5把这个属性归入了标准当中。Document 的 readyState 属性有两个可能的值：code

loading ，正在加载文档；
complete ，已经加载完文档。

使用 document.readyState 的最恰当方式，就是经过它来实现一个指示文档已经加载完成的指示器。在这个属性获得普遍支持以前，要实现这样一个指示器，必须借助onload 事件处理程序设置一个标签，代表文档已经加载完毕。
document.readyState属性的基本用法以下。对象

JS事件

if (document.readyState == “complete”){
    //执行操做
}

支持 readyState 属性的浏览器有IE4+、Firefox 3.6+、Safari、Chrome和Opera 9+。开发

2. 兼容模式文档

自从IE6开始区分渲染页面的模式是标准的仍是混杂的，检测页面的兼容模式就成为浏览器的必要功能。IE为此给 document 添加了一个名为 compatMode 的属性，这个属性就是为了告诉开发人员浏览器采用了哪一种渲染模式。就像下面例子中所展现的那样，
在标准模下， document.compatMode 的值等于 “CSS1Compat” ，
而在混杂模式下， document.compatMode 的值等于 “BackCompat” 。get

JS扩展

if (document.compatMode ==  “CSS1Compat”){
    alert(“Standards mode”);
} else {
    alert(“Quirks mode”);
}

后来，陆续实现这个属性的浏览器有Firefox、Safari 3.1+、Opera和Chrome。最终，HTML5也把这个属性归入标准，对其实现作出了明确规定。渲染

3. head 属性

做为对 document.body 引用文档的 <body> 元素的补充，HTML5新增了 document.head属性，引用文档的 <head> 元素。要引用文档的 <head> 元素，能够结合使用这个属性和另外一种后备方法。

var head = document.head || document.getElementsByTagName(“head”)[0];

若是可用，就使用 document.head ，不然仍然使用 getElementsByTagName() 方法。

实现 document.head 属性的浏览器包括Chrome和Safari 5。