资讯专栏INFORMATION COLUMN

HTML5扩展了 HTMLDocument ,增加了新的功能。

kid143 / 915人阅读

摘要:与中新增的其他扩展类似,这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。最终,也把这个属性纳入标准,对其实现做出了明确规定。属性作为对引用文档的元素的补充,新增了属性,引用文档的元素。

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扩展了 HTMLDocument ,增加了新的功能。与HTML5中新增的其他DOM扩展类似,这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。所以,尽管这些扩展被写入标准的时...

    bingo 评论0 收藏0
  • HTML5扩展 HTMLDocument增加新的功能

    摘要:与中新增的其他扩展类似,这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。最终,也把这个属性纳入标准,对其实现做出了明确规定。属性作为对引用文档的元素的补充,新增了属性,引用文档的元素。 HTML5扩展了 HTMLDocument ,增加了新的功能。与HTML5中新增的其他DOM扩展类似,这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。所以,尽管这些扩展被写入标准的时...

    2json 评论0 收藏0
  • 翻译:HTML5与HTML4的区别

    摘要:但由于翻译时草稿只发布了不到二十天,本文有很好的时效性。语法中同时定义了解析规则包括异常的处理方式。语法要求声明,以确保浏览器以标准模式渲染页面。语法中的声明为,不区分大小写。此外,仅允许一些标签上的属性设置。 本文选译自:W3C Working Group Note: HTML5 Differences from HTML4。 解释一下W3C Working Group Note,...

    Null 评论0 收藏0
  • HTML5 新特性

    摘要:占位符在或中,你需要用来给文本框添加占位符。比如,你可以提前设置好一些信息,当用户开始输入时,文本框中的文字就消失。必要属性中的新属性指定了某一输入是否必需。当文本框被指定必需时,如果空白的话表格就不能提交。 HTML5想必大家都很熟悉了。然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的几项你必须知道的新特性。 1.新的文档类型 (New Doctype) ...

    CodeSheep 评论0 收藏0
  • HTML5新特性

    摘要:年月日,万维网联盟宣布,标准规范制定完成。作为一种超文本标记语言,已经成为了上使用的通用标记语言,而在这次的规范中,为开发者带来了一些令人兴奋的新特性。 2014年10月29日,W3C(万维网联盟)宣布,HTML5标准规范制定完成。作为一种超文本标记语言,HTML已经成为了Web上使用的通用标记语言,而在这次HTML5的规范中,为开发者带来了一些令人兴奋的新特性。 下面简单地介绍下这些...

    bang590 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<