HTML5中HTMLDocument变化有哪些

本文将为大家详细介绍“HTML5中HTMLDocument变化有哪些”，内容步骤清晰详细，细节处理妥当，而小编每天都会更新不同的知识点，希望这篇“HTML5中HTMLDocument变化有哪些”能够给你意想不到的收获，请大家跟着小编的思路慢慢深入，具体内容如下，一起去收获新知识吧。

html是什么

html的全称为超文本标记语言，它是一种标记语言，包含了一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体，html文本是由html命令组成的描述性文本，html命令可以说明文字，图形、动画、声音、表格、链接等，主要和css+js配合使用并构建优雅的前端网页。

　1、readyState属性

　　早在IE4时代的时候，document对象就引入了readyState属性了，但是一直都没有纳入标准，如今，在HTML5的时代了，就纳入规范了。readyState属性有两个可能的值：

　　(1)loadding，正在加载文档

　　(2)complete，已经加载完文档

　　如何才能恰当的使用document.readyState呢?document.readyState最恰当的使用方式就是通过它来实现一个指示文档已经加载完成的指示器。在这个属性得到广泛支持之前，要实现这样一个指示器，还是必须需要onload事件处理程序设置一个标签，表明文档已经加载完毕。下例子如下

　　HTML代码

<p>亿速</p>
<p class="complete"></p>

　　JavaScript代码

<script type="text/javascript">
window.onload = function(){
	var a = 0;
	var b = 0;
	if(document.readyState == "complete"){
		$(".complete").html( "加载好了" )
	}

	if(document.readyState == "loading"){
		$(".load").html( $(".load").html() + "<br/>" + a++ )
	}
};

　　2、兼容模式判断

　　IE6之后就开始区分渲染页面的模式了，分为标准的和混杂的，检测页面的兼容模式就成为浏览器的必要功能。IE为此给document添加了一个名为compatMode的属性，这个属性就是为了告诉开发人员浏览器用了哪种渲染模式。就像下面的小例子中所展示的那样，在标准模式下，document.compatMode的值等于”CSS1Compat”，而在混杂模式下，document.compatMode的值等于”BackCompat”。

　　JavaScript代码

if(document.compatMode == "CSS1Compat"){
	alert("标准模式")
}else{
	alert("混杂兼容模式")
}

　　3、Head属性

　　作为对document.body引用文档的body元素的补充，HTML5新增了document.head属性，这样就可以引用head标签了。使用方法如下

　　JavaScript代码

var head = document.head || document.getElementsByTagName("head")[0];

　　就像上面那样做一下兼容，如果可以用的话，就是用document.head，否则仍然使用getElementsByTagName()方法。document.head属性支持的浏览器有Chrome和safari 5。

如果你能读到这里，小编希望你对“HTML5中HTMLDocument变化有哪些”这一关键问题有了从实践层面最深刻的体会，具体使用情况还需要大家自己动手实践使用过才能领会，如果想阅读更多相关内容的文章，欢迎关注亿速云行业资讯频道！