document.compatMode介紹
更新時(shí)間：2009年05月21日 23:57:59 作者：
對(duì)于document.compatMode，很多朋友可能都根我一樣很少接觸，知道他的存在卻不清楚他的用途。
今天在ext中看到 document.compatMode的使用，感覺這個(gè)對(duì)于我們開發(fā)兼容性的web頁面還是很有幫助，我們都知道，IE對(duì)盒模型的渲染在 Standards Mode和Quirks Mode是有很大差別的，在Standards Mode下對(duì)于盒模型的解釋和其他的標(biāo)準(zhǔn)瀏覽器是一樣，但在Quirks Mode模式下則有很大差別，而在不聲明Doctype的情況下，IE默認(rèn)又是Quirks Mode。所以為兼容性考慮，我們可能需要獲取當(dāng)前的文檔渲染方式。
document.compatMode正好派上用場(chǎng)，它有兩種可能的返回值：BackCompat和CSS1Compat，對(duì)其解釋如下：
BackCompat Standards-compliant mode is not switched on. (Quirks Mode)
CSS1Compat Standards-compliant mode is switched on. (Standards Mode)
在實(shí)際的項(xiàng)目中，我們還需要在獲取瀏覽是否IE，這樣就可以得到IE的渲染模式了。在Ext中的代碼：isBorderBox=isIE&&!isStrict。
當(dāng)文檔有了標(biāo)準(zhǔn)聲明時(shí)， document.compatMode 的值就等于 "CSS1compat"， 因此， 我們可以根據(jù) document.compatMode 的值來判斷文檔是否加了標(biāo)準(zhǔn)聲明
var height = document.compatMode=="CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;
document.compatMode正好派上用場(chǎng)，它有兩種可能的返回值：BackCompat和CSS1Compat，對(duì)其解釋如下：
BackCompat Standards-compliant mode is not switched on. (Quirks Mode)
CSS1Compat Standards-compliant mode is switched on. (Standards Mode)
在實(shí)際的項(xiàng)目中，我們還需要在獲取瀏覽是否IE，這樣就可以得到IE的渲染模式了。在Ext中的代碼：isBorderBox=isIE&&!isStrict。
當(dāng)文檔有了標(biāo)準(zhǔn)聲明時(shí)， document.compatMode 的值就等于 "CSS1compat"， 因此， 我們可以根據(jù) document.compatMode 的值來判斷文檔是否加了標(biāo)準(zhǔn)聲明
var height = document.compatMode=="CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;
相關(guān)文章
這篇文章主要介紹了Openlayers學(xué)習(xí)之加載鷹眼控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
JS獲取文本框,下拉框,單選框的值的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)JS獲取文本框,下拉框,單選框值的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
javascript setTimeout()傳遞函數(shù)參數(shù)(包括傳遞對(duì)象參數(shù))
由于需要，我要用到setTimeout（）并且在里邊的函數(shù)參數(shù)傳遞一個(gè)參數(shù)，就像這樣setTimeout（"fun(參數(shù))", 1000）。但是以我這種寫法，js會(huì)報(bào)錯(cuò)，說‘參數(shù)’未定義。2010-04-04
Map對(duì)象在JavaScript中提供了一種靈活且高效的鍵值對(duì)存儲(chǔ)方式,它具有許多實(shí)用的方法,如set()、get()、has()和delete()等,使得操作和管理鍵值對(duì)變得更加簡(jiǎn)單,這篇文章主要介紹了JS中map屬性,需要的朋友可以參考下2024-08-08
JS對(duì)象數(shù)組中如何匹配某個(gè)屬性值
這篇文章主要介紹了JS對(duì)象數(shù)組中如何匹配某個(gè)屬性值，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
JavaScript經(jīng)典案例之簡(jiǎn)易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JavaScript經(jīng)典案例之簡(jiǎn)易計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
waypoints的功能非常強(qiáng)大，一款用于捕獲各種滾動(dòng)事件的插件，下面跟隨腳本之家小編一起學(xué)習(xí)JS庫之Waypoints的用法吧2017-09-09
微信小程序開發(fā)之tabbar圖標(biāo)和顏色的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序開發(fā)之tabbar圖標(biāo)和顏色的實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
JS實(shí)現(xiàn)簡(jiǎn)單打字測(cè)試
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單打字測(cè)試，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
JavaScript實(shí)現(xiàn)簡(jiǎn)單表單驗(yàn)證案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單表單驗(yàn)證案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08