这篇博客介绍了HTML5中HTMLDocument对象的三个重要属性：readyState用于判断文档加载状态，分为'loading'和'complete'；compatMode揭示了浏览器的渲染模式，标准模式下值为'CSS1Compat'，混杂模式下为'Backcompat'；head属性则允许直接访问文档的<head>元素。
HTMLDocument扩展的三个属性
| 属性 | 定义(功能) | 补充 |
|---|---|---|
| readyState | 判断文档加载情况 | 最好将document.readyState当作一个指示器 |
| compatMode | 指示游览器当前所处的渲染模式 | 标准模式下document.compatMode的值是“CSS1Compat” |
| head | 指向文档<head>元素 | 作为对document.body的补充 |
详细说明
1.readyState属性
1.1document.readyState 有两个可能的值：
①loading，表示文档正在加载
②complete ，表示文档加载完成
1.2用法示例：
if(document.readyState == "complete"){
//执行操作
}
2.compatMode属性
渲染模式对应的document.compatMode的值
标准模式下，document.compatMode 对应的值是 “CSS1compat”
混杂模式下，document.compatMode 对应的值是 “Backcompat”
2.1用法示例
alert(document.compatMode);
2.2结果图
我用的是Chrome，游览器的渲染模式为标准模式
3.head属性
3.1用法示例
可以向直接取得body标签那样来取得head标签
let body = document.body;
let head = document.head;
扫一扫
776
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
