-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
15692118659
沉沙
2018-07-16
来源 ：
阅读 1534
评论 0
摘要：本篇HTML5教程探讨了HTMLDocument新功能，希望阅读本篇文章以后大家有所收获，帮助大家对HTML5的理解更加深入。
HTML5扩展了 HTMLDocument ，增加了新的功能。与HTML5中新增的其他DOM扩展类似，这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。所以，尽管这些扩展被写入标准的时间相对不长，但很多浏览器很早就已经支持这些功能了。
1. readyState 属性
IE4最早为 document 对象引入了 readyState 属性。然后，其他浏览器也都陆续添加这个属性，最终HTML5把这个属性纳入了标准当中。Document 的 readyState 属性有两个可能的值：
· 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” 。
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> 元素，可以结合使用这个属性和另一种后备方法。
JS
var head = document.head || document.getElementsByTagName(“head”)[0];
如果可用，就使用 document.head ，否则仍然使用 getElementsByTagName() 方法。
实现 document.head 属性的浏览器包括Chrome和Safari 5。
本文由职坐标整理发布，更多相关内容，请关注职坐标WEB前端HTML5/CSS3频道！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
资料领取
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
