document.compatMode的CSS1compat使用介紹
更新時間：2014年04月03日 09:16:50 作者：
這篇文章主要介紹了document.compatMode的CSS1compat使用,需要的朋友可以參考下
document.compatMode
BackCompat：標準兼容模式關閉。瀏覽器寬度:document.body.clientWidth；
CSS1Compat：標準兼容模式開啟。 瀏覽器寬度:document.documentElement.clientWidth。
var d = document,
dd = d.documentElement,
db = d.body,
dc = d.compatMode == 'CSS1Compat',
dx = dc ? dd: db;
cWidth = dx.clientWidth;
cHeight = dx.clientHeight;
sWidth = dx.scrollWidth;
sHeight = dx.scrollHeight;
sLeft = dx.scrollLeft;
sTop = dx.scrollTop;
在Standars mode中：
元素真正的寬度 = margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right;
在Quirks mode中：
width則是元素的實際寬度，內容寬度 = width - (margin-left + margin-right + padding-left + padding-right + border-left-width + border-right-width)
在js中如何判斷當前瀏覽器正在以何種方式解析？
document對象有個屬性compatMode ,它有兩個值：
BackCompat 對應quirks mode
CSS1Compat 對應strict mode
瀏覽器的兼容性表
http://www.quirksmode.org/compatibility.html
歷史原因:
當早期的瀏覽器Netscape 4和Explorer 4對css進行解析時，并未遵守W3C標準，這時的解析方式就被我們稱之為quirks mode(怪異模式),但隨著W3C的標準越來越重要，眾多的瀏覽器開始依照W3C標準解析CSS，仿照W3C標準解析CSS的模式我們叫做strict mode(嚴格模式)
firefly
BackCompat：標準兼容模式關閉。瀏覽器寬度:document.body.clientWidth；
CSS1Compat：標準兼容模式開啟。 瀏覽器寬度:document.documentElement.clientWidth。
復制代碼 代碼如下:
var d = document,
dd = d.documentElement,
db = d.body,
dc = d.compatMode == 'CSS1Compat',
dx = dc ? dd: db;
cWidth = dx.clientWidth;
cHeight = dx.clientHeight;
sWidth = dx.scrollWidth;
sHeight = dx.scrollHeight;
sLeft = dx.scrollLeft;
sTop = dx.scrollTop;
在Standars mode中：
元素真正的寬度 = margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right;
在Quirks mode中：
width則是元素的實際寬度，內容寬度 = width - (margin-left + margin-right + padding-left + padding-right + border-left-width + border-right-width)
在js中如何判斷當前瀏覽器正在以何種方式解析？
document對象有個屬性compatMode ,它有兩個值：
BackCompat 對應quirks mode
CSS1Compat 對應strict mode
瀏覽器的兼容性表
http://www.quirksmode.org/compatibility.html
歷史原因:
當早期的瀏覽器Netscape 4和Explorer 4對css進行解析時，并未遵守W3C標準，這時的解析方式就被我們稱之為quirks mode(怪異模式),但隨著W3C的標準越來越重要，眾多的瀏覽器開始依照W3C標準解析CSS，仿照W3C標準解析CSS的模式我們叫做strict mode(嚴格模式)
firefly
相關文章
關于回調函數中變量作用域的討論精品推薦，大家可以參考下。2009-09-09
這篇文章主要介紹了詳解小程序原生使用ES7 async/await語法,小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了JavaScript Ajax編程之應用篇，感興趣的朋友可以參考一下2016-07-07
web對話框與彈出窗口的js函數2009-02-02
這篇文章主要為大家詳細介紹了JavaScript簡單實現彈出拖拽窗口的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要介紹了JS+canvas動態(tài)繪制餅圖的方法,結合具體實例形式分析了js+canvas實現餅狀圖形繪制的相關操作技巧,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了javascript常用函數，15個常用函數，都具有很高的實用性，感興趣的小伙伴們可以參考一下2015-11-11
如果你需要在瀏覽器端處理Excel文件,那么xlsx.js可能是一個不錯的選擇,這篇文章主要介紹了利用xlsx.js讀取excel文件的詳細過程,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-04-04
一般情況下，使用 “=” 可以實現賦值。但對于數組、對象、函數等這些引用類型的數據，這個符號就不好使了。這篇文章主要介紹了JavaScript 數組的深度復制解析的相關資料,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了JavaScript實現同一頁面內兩個表單互相傳值的方法,涉及javascript鼠標事件及頁面元素賦值操作的相關技巧,需要的朋友可以參考下2015-08-08