document.compatMode用法簡單介紹

螞蟻小編發表於2017-03-25

標題中的屬性在實際應用中可能比較少見,但並非毫無用處,比如可以判斷瀏覽器的相容性或者渲染模式,下面就簡單介紹一下此屬性的用法,希望能夠給需要的朋友帶來一定的幫助。

此屬性有兩個返回值,分別如下:

[JavaScript] 純文字檢視 複製程式碼
BackCompat
Css1Compat

1.BackCompat:表示標準相容模式關閉,也可以稱作為標準模式或則嚴格模式。

2.Css1Compat:表示標準相容模式開啟,也可以稱作為混亂模式或者怪異模式。

上面已經將document.compatMode的作用進行了簡單介紹,可能很多看過之後還是感覺一頭霧水,下面就將它的產生背景做一下基本介紹,可能就會感覺理解起來比較輕鬆了。

產生背景:

IE6是伴隨xp產生的一款經典瀏覽器,也可以說是壽命最長的瀏覽器,雖然現在已經非常的過時,但是依然有很多的使用者存在,尤其是在中國市場更是如此。IE5.5是IE6的上一個版本,IE6與之相比有了較大的進步,已經支援相當大一部分CSS1的特性,在很多屬性上的宣傳效果和IE5.5已經有很大不同。為了能夠讓在IE6出現之前開發的網頁能夠正確渲染,也就是保證向後的相容性,於是微軟公司採取使用DOCTYPE方式來判斷當前瀏覽器是IE6還是IE5.5,在當前來說也就是判斷是標準相容模式關閉還是標準相容模式開啟。當前IE瀏覽器不斷得到升級,但是升級也僅限於對於標準模式,對於混亂模式依然保持在IE5.5狀態,也就是說如果在網頁的頂部不寫DOCTYPE,那麼就相當於採用IE5.5瀏覽器進行渲染。


相關文章