document.compatMode介紹

更新時間：2009年05月21日 23:57:59 作者：

對于document.compatMode，很多朋友可能都根我一樣很少接觸，知道他的存在卻不清楚他的用途。

今天在ext中看到 document.compatMode的使用，感覺這個對于我們開發(fā)兼容性的web頁面還是很有幫助，我們都知道，IE對盒模型的渲染在 Standards Mode和Quirks Mode是有很大差別的，在Standards Mode下對于盒模型的解釋和其他的標準瀏覽器是一樣，但在Quirks Mode模式下則有很大差別，而在不聲明Doctype的情況下，IE默認又是Quirks Mode。所以為兼容性考慮，我們可能需要獲取當前的文檔渲染方式。
document.compatMode正好派上用場，它有兩種可能的返回值：BackCompat和CSS1Compat，對其解釋如下：
BackCompat Standards-compliant mode is not switched on. (Quirks Mode)
CSS1Compat Standards-compliant mode is switched on. (Standards Mode)
在實際的項目中，我們還需要在獲取瀏覽是否IE，這樣就可以得到IE的渲染模式了。在Ext中的代碼：isBorderBox=isIE&&!isStrict。
當文檔有了標準聲明時， document.compatMode 的值就等于 "CSS1compat"，因此，我們可以根據(jù) document.compatMode 的值來判斷文檔是否加了標準聲明
var height = document.compatMode=="CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;

compatMode

javascript如何使用函數(shù)random來實現(xiàn)課堂隨機點名方法詳解
這篇文章主要介紹了javascript如何使用函數(shù)random來實現(xiàn)課堂隨機點名方法詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-07-07
基于JavaScript判斷兩個對象內(nèi)容是否相等
這篇文章主要介紹了基于JavaScript判斷兩個對象內(nèi)容是否相等,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-01-01
JS表格組件神器bootstrap table詳解（強化版）
這篇文章主要以實例的方式為大家再次介紹了JS表格組件神器bootstrap table，bootstrap table界面采用扁平化的風格，用戶體驗比較好，更好兼容各種客戶端，需要了解更多bootstrap table的朋友可以參考下
2016-05-05
JavaScript兩種計時器的實例講解
今天小編就為大家分享一篇關于JavaScript兩種計時器的實例講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2019-01-01
BootStrap智能表單實戰(zhàn)系列(七)驗證的支持
這篇文章主要介紹了BootStrap智能表單實戰(zhàn)系列(七)驗證的支持 ,凡是涉及到用戶編輯信息然后保存的頁面，都涉及到一個數(shù)據(jù)是否符合要求的檢查，需要客服端和服務器端的校驗的問題，本文介紹非常詳細，具有參考價值，需要的朋友可以參考下
2016-06-06
JavaScript遍歷實現(xiàn)DFS算法和BFS算法
DFS(Depth?first?search)稱作「深度優(yōu)先遍歷」，BFS(Breadth?first?search)稱作「廣度優(yōu)先遍歷」。本文將通過JavaScript遍歷實現(xiàn)這兩種算法，需要的可以參考一下
2023-01-01
寫的一段拖動對象的代碼
寫的一段拖動對象的代碼...
2007-01-01
D3.js實現(xiàn)折線圖的方法詳解
眾所周知圖表是數(shù)據(jù)圖形化的表示，通過形象的圖表來展示數(shù)據(jù)，比如條形圖，折線圖，餅圖等等?？梢暬瘓D表可以幫助開發(fā)者更容易理解復雜的數(shù)據(jù)，提高生產(chǎn)的效率和 Web 應用和項目的可靠性。現(xiàn)在就讓我們大家一起來學習用D3.js來實現(xiàn)折線圖。
2016-09-09
表格頭固定而列可滾動的效果
表格頭固定而列可滾動的效果...
2007-11-11
解決bootstrap中使用modal加載kindeditor時彈出層文本框不能輸入的問題
這篇文章主要介紹了解決bootstrap中使用modal加載kindeditor時彈出層文本框不能輸入的問題,需要的朋友可以參考下
2017-06-06