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
相關文章
這篇文章主要為大家詳細介紹了js制作支付倒計時頁面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
在Javascript中定義對象類別...2006-12-12
這篇文章主要為大家詳細介紹了微信小程序實現簡單日歷效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
找到一點可憐的關于dojo資料，謝謝作者！...2006-12-12
這篇文章主要介紹了js表單提交和submit提交的區(qū)別,結合實例形式較為詳細的分析了js表單提交和submit提交具體實現方法與使用技巧,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了JavaScript前端開發(fā)之實現二進制讀寫操作的相關資料,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了小程序二次貝塞爾曲線實現購物車商品曲線飛入效果，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要介紹了uniapp通過調用百度語音，實現錄音轉文字的功能。文中的示例代碼對我們學習或工作有一定的幫助，感興趣的小伙伴可以跟隨小編學習一下2021-12-12
這篇文章主要介紹了微信小程序滑塊驗證方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-01-01
下面小編就為大家?guī)硪黄棠?分鐘學會用requirejs(必看篇)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07