HTML5中HTMLDocument變化有哪些

本文將為大家詳細介紹“HTML5中HTMLDocument變化有哪些”，內(nèi)容步驟清晰詳細，細節(jié)處理妥當(dāng)，而小編每天都會更新不同的知識點，希望這篇“HTML5中HTMLDocument變化有哪些”能夠給你意想不到的收獲，請大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識吧。

html是什么

html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

　1、readyState屬性

　　早在IE4時代的時候，document對象就引入了readyState屬性了，但是一直都沒有納入標準，如今，在HTML5的時代了，就納入規(guī)范了。readyState屬性有兩個可能的值：

　　(1)loadding，正在加載文檔

　　(2)complete，已經(jīng)加載完文檔

　　如何才能恰當(dāng)?shù)氖褂胐ocument.readyState呢?document.readyState最恰當(dāng)?shù)氖褂梅绞骄褪峭ㄟ^它來實現(xiàn)一個指示文檔已經(jīng)加載完成的指示器。在這個屬性得到廣泛支持之前，要實現(xiàn)這樣一個指示器，還是必須需要onload事件處理程序設(shè)置一個標簽，表明文檔已經(jīng)加載完畢。下例子如下

　　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之后就開始區(qū)分渲染頁面的模式了，分為標準的和混雜的，檢測頁面的兼容模式就成為瀏覽器的必要功能。IE為此給document添加了一個名為compatMode的屬性，這個屬性就是為了告訴開發(fā)人員瀏覽器用了哪種渲染模式。就像下面的小例子中所展示的那樣，在標準模式下，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變化有哪些”這一關(guān)鍵問題有了從實踐層面最深刻的體會，具體使用情況還需要大家自己動手實踐使用過才能領(lǐng)會，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道！