摘要:與中新增的其他擴展類似,這些變化同樣基于那些已經(jīng)得到很多瀏覽器完美支持的專有擴展。最終,也把這個屬性納入標準,對其實現(xiàn)做出了明確規(guī)定。屬性作為對引用文檔的元素的補充,新增了屬性,引用文檔的元素。
HTML5擴展了?HTMLDocument?,增加了新的功能。與HTML5中新增的其他DOM擴展類似,這些變化同樣基于那些已經(jīng)得到很多瀏覽器完美支持的專有擴展。所以,盡管這些擴展被寫入標準的時間相對不長,但很多瀏覽器很早就已經(jīng)支持這些功能了。
1.??readyState?屬性
IE4最早為?document?對象引入了?readyState?屬性。然后,其他瀏覽器也都陸續(xù)添加這個屬性,最終HTML5把這個屬性納入了標準當(dāng)中。Document?的?readyState?屬性有兩個可能的值:
loading?,正在加載文檔;
complete?,已經(jīng)加載完文檔。
使用?document.readyState?的最恰當(dāng)方式,就是通過它來實現(xiàn)一個指示文檔已經(jīng)加載完成的指示器。在這個屬性得到廣泛支持之前,要實現(xiàn)這樣一個指示器,必須借助onload?事件處理程序設(shè)置一個標簽,表明文檔已經(jīng)加載完畢。
?document.readyState屬性的基本用法如下。
JS
if?(document.readyState?==?“complete”){ ????//執(zhí)行操作 }
支持?readyState?屬性的瀏覽器有IE4+、Firefox?3.6+、Safari、Chrome和Opera?9+。
2.?兼容模式
自從IE6開始區(qū)分渲染頁面的模式是標準的還是混雜的,檢測頁面的兼容模式就成為瀏覽器的必要功能。IE為此給?document?添加了一個名為?compatMode?的屬性,這個屬性就是為了告訴開發(fā)人員瀏覽器采用了哪種渲染模式。就像下面例子中所展示的那樣,
在標準模下,?document.compatMode?的值等于?“CSS1Compat”?,
而在混雜模式下,?document.compatMode?的值等于?“BackCompat”?。
JS
if?(document.compatMode?==??“CSS1Compat”){ ????alert(“Standards?mode”); }?else?{ ????alert(“Quirks?mode”); }
后來,陸續(xù)實現(xiàn)這個屬性的瀏覽器有Firefox、Safari?3.1+、Opera和Chrome。最終,HTML5也把這個屬性納入標準,對其實現(xiàn)做出了明確規(guī)定。
3.??head?屬性
作為對?document.body?引用文檔的?
?元素的補充,HTML5新增了?document.head屬性,引用文檔的??元素。要引用文檔的??元素,可以結(jié)合使用這個屬性和另一種后備方法。JS
var?head?=?document.head?||?document.getElementsByTagName(“head”)[0];
如果可用,就使用?document.head?,否則仍然使用?getElementsByTagName()?方法。
實現(xiàn)?document.head?屬性的瀏覽器包括Chrome和Safari?5。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/91904.html
摘要:與中新增的其他擴展類似,這些變化同樣基于那些已經(jīng)得到很多瀏覽器完美支持的專有擴展。最終,也把這個屬性納入標準,對其實現(xiàn)做出了明確規(guī)定。屬性作為對引用文檔的元素的補充,新增了屬性,引用文檔的元素。 HTML5擴展了?HTMLDocument?,增加了新的功能。與HTML5中新增的其他DOM擴展類似,這些變化同樣基于那些已經(jīng)得到很多瀏覽器完美支持的專有擴展。所以,盡管這些擴展被寫入標準的時...
摘要:但由于翻譯時草稿只發(fā)布了不到二十天,本文有很好的時效性。語法中同時定義了解析規(guī)則包括異常的處理方式。語法要求聲明,以確保瀏覽器以標準模式渲染頁面。語法中的聲明為,不區(qū)分大小寫。此外,僅允許一些標簽上的屬性設(shè)置。 本文選譯自:W3C Working Group Note: HTML5 Differences from HTML4。 解釋一下W3C Working Group Note,...
閱讀 1556·2021-11-25 09:43
閱讀 2337·2019-08-30 15:55
閱讀 1468·2019-08-30 13:08
閱讀 2670·2019-08-29 10:59
閱讀 818·2019-08-29 10:54
閱讀 1585·2019-08-26 18:26
閱讀 2547·2019-08-26 13:44
閱讀 2656·2019-08-23 18:36