document.compatMode用法簡單介紹
標題中的屬性在實際應用中可能比較少見,但並非毫無用處,比如可以判斷瀏覽器的相容性或者渲染模式,下面就簡單介紹一下此屬性的用法,希望能夠給需要的朋友帶來一定的幫助。
此屬性有兩個返回值,分別如下:
[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瀏覽器進行渲染。
相關文章
- jQuery filter() 用法簡單介紹jQueryFilter
- javascript的this用法簡單介紹JavaScript
- js WebSocket用法簡單介紹JSWeb
- javascript arguments用法簡單介紹JavaScript
- onerror事件用法簡單介紹Error事件
- <input type="number" >用法簡單介紹
- css 註釋用法簡單介紹CSS
- style.cssText用法簡單介紹CSS
- javascript with()語句用法簡單介紹JavaScript
- outerHTML屬性用法簡單介紹HTML
- angularJS的router用法簡單介紹AngularJS
- CSS3 calc()用法簡單介紹CSSS3
- javascript innerText屬性用法簡單介紹JavaScript
- javascript call()函式用法簡單介紹JavaScript函式
- contenteditable屬性用法簡單介紹
- javascript trim()函式用法簡單介紹JavaScript函式
- getFullYear()函式用法簡單介紹函式
- js style.cssText用法簡單介紹JSCSS
- javascript的分號(;)用法簡單介紹JavaScript
- js isPrototypeOf()函式用法簡單介紹JS函式
- opacity屬性用法簡單介紹
- js isNaN函式的用法簡單介紹JSNaN函式
- overflow-x 屬性用法簡單介紹
- background-size屬性用法簡單介紹
- zTree外掛常鍵用法簡單介紹
- js中大括號{}的用法簡單介紹JS
- jQuery的index()函式用法簡單介紹jQueryIndex函式
- js eval()函式的用法簡單介紹JS函式
- Function.prototype.bind()方法用法簡單介紹Function
- js fromCharCode()函式用法簡單介紹JS函式
- clientTop和clientLeft屬性用法簡單介紹client
- div和span元素的用法簡單介紹
- meta標籤的viewport用法簡單介紹View
- 簡單介紹SQLserver中的declare變數用法SQLServer變數
- js迴圈中reduce的用法簡單介紹JS
- screenY,pageY,clientY,layerY屬性用法簡單介紹client
- HTML5 autofocus屬性用法簡單介紹HTML
- 簡單介紹Python中異常處理用法Python