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