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變化有哪些”這一關鍵問題有了從實踐層面最深刻的體會，具體使用情況還需要大家自己動手實踐使用過才能領會，如果想閱讀更多相關內容的文章，歡迎關注億速云行業資訊頻道！