摘要:与中新增的其他扩展类似,这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。最终,也把这个属性纳入标准,对其实现做出了明确规定。属性作为对引用文档的元素的补充,新增了属性,引用文档的元素。
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 引用文档的
元素的补充,HTML5新增了 document.head属性,引用文档的 元素。要引用文档的 元素,可以结合使用这个属性和另一种后备方法。JS
var head = document.head || document.getElementsByTagName(“head”)[0];
如果可用,就使用 document.head ,否则仍然使用 getElementsByTagName() 方法。
实现 document.head 属性的浏览器包括Chrome和Safari 5。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/112618.html
摘要:与中新增的其他扩展类似,这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。最终,也把这个属性纳入标准,对其实现做出了明确规定。属性作为对引用文档的元素的补充,新增了属性,引用文档的元素。 HTML5扩展了 HTMLDocument ,增加了新的功能。与HTML5中新增的其他DOM扩展类似,这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。所以,尽管这些扩展被写入标准的时...
摘要:但由于翻译时草稿只发布了不到二十天,本文有很好的时效性。语法中同时定义了解析规则包括异常的处理方式。语法要求声明,以确保浏览器以标准模式渲染页面。语法中的声明为,不区分大小写。此外,仅允许一些标签上的属性设置。 本文选译自:W3C Working Group Note: HTML5 Differences from HTML4。 解释一下W3C Working Group Note,...
阅读 3203·2021-11-18 10:02
阅读 1890·2021-09-22 10:54
阅读 2956·2019-08-30 15:43
阅读 2544·2019-08-30 13:22
阅读 1534·2019-08-29 13:57
阅读 996·2019-08-29 13:27
阅读 681·2019-08-26 14:05
阅读 2475·2019-08-26 13:30