js中的屬性：document.compatMode

今天查資料時無意發現一個以前沒有註意到過的屬性：document.compatMode

經過一番資料的查詢後，了解到以下資訊：

我們都知道IE有兩種盒子模型，在不聲明 !DOCTYPE 時是混雜模式(Quirks Mode)，在聲明了 !DOCTYPE 時與其他標準瀏覽器一致，是標準模式(Standards Mode)

document.compatMode 有兩個屬性值：

 BackCompat ----- 表示標準規格模式關閉，即目前為混雜模式 (Quirks Mode)，此時瀏覽器客戶區寬度為document.body.clientWidth

CSS1Compat ---- 表示標準規範模式開啟，即目前為標準模式(Standards Mode)，此時瀏覽器客戶區寬度為 document.documentElement.clientWidth

#下面貼一份準確取得網頁客戶區的寬高、捲軸寬高、捲軸Left和Top 的代碼

 1 if (document.compatMode == "BackCompat") 
 { 2 　　cWidth = document.body.clientWidth; 3 　　
 cHeight = document.body.clientHeight; 4 　　
 sWidth = document.body.scrollWidth; 5 　　sHeight = document.body.scrollHeight; 6 　　
 sLeft = document.body.scrollLeft; 7 　　sTop = document.body.scrollTop; 8 } 
 else { //document.compatMode == "CSS1Compat" 9 　　cWidth = document.documentElement.clientWidth;10 　　
 cHeight = document.documentElement.clientHeight;11 　　sWidth = document.documentElement.scrollWidth;12 　　
 sHeight = document.documentElement.scrollHeight;13 　　
 sLeft = document.documentElement.scrollLeft == 0 ? 
 document.body.scrollLeft : document.documentElement.scrollLeft;14 　　
 sTop = document.documentElement.scrollTop == 0 ? 
 document.body.scrollTop : document.documentElement.scrollTop;15 }

 

#

以上是js中的屬性：document.compatMode的詳細內容。更多資訊請關注PHP中文網其他相關文章！