HTML5扩展了HTMLDocument并添加了新功能。与HTML5中添加的其他DOM扩展类似，这些更改也是基于已被许多浏览器完美支持的专有扩展。因此，尽管这些扩展最近才被标准化，但许多浏览器已经支持它们很长时间了。1、readyState属性IE4首先为文档对象引入了readyState属性。随后，其他浏览器也相继加入了这个属性，最终HTML5将这个属性纳入了标准。Document的readyState属性有两个可能的值：loading，文档正在加载；complete，文档已加载。使用document.readyState最合适的方法是通过它来实现一个文档加载的指示器。在该属性得到广泛支持之前，要实现这样的指示器，必须使用onload事件处理程序来设置一个标签，指示文档已完成加载。document.readyState属性的基本用法如下。JSif(document.readyState=="complete"){//执行操作}支持readyState属性的浏览器包括IE4+、Firefox3.6+、Safari、Chrome和Opera9+。2、兼容模式自从IE6开始区分页面的渲染模式是标准还是混合，检测页面的兼容模式就成了浏览器的必备功能。为此，IE在document中增加了一个名为compatMode的属性，目的是告诉开发者浏览器使用的是哪种渲染模式。如下例所示，在标准模式下，document.compatMode的值等于"CSS1Compat"，而在混杂模式下，document.compatMode的值等于"BackCompat"。JSif(document.compatMode=="CSS1Compat"){alert("Standardsmode");}else{alert("Quirksmode");}后来陆续实现该属性的浏览器有Firefox、Safari3.1+、Opera和Chrome.最终，HTML5也将这个属性纳入了标准，并对其实现做了明确的规定。3、head属性是对document.body参考文档的
元素的补充。HTML5添加了一个新的document.head属性来引用文档的元素。要引用文档的元素，您可以将此属性与另一个回退方法结合使用。JSvarhead=document.head||document.getElementsByTagName("head")[0];如果可用，则使用document.head，否则仍使用getElementsByTagName()方法。实现document.head属性的浏览器包括Chrome和Safari5。