Dcument.com mpatModeのCSS 1 comppat使用紹介

document.co mpat Mode BackComppat：標準互換モードがオフになります。ブラウザの幅:document.body.client Width;CSS 1 Comput：標準互換モードがオープンしました。ブラウザの幅：document.documentElement.client Width。

 
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-width+paddingn-left+width+padding-right+border-width+margin-right;Quirks modeでは、widthは要素の実際の幅であり、内容の幅=width-（margin-left+margin-right+padding-left+padding-right+border-width+border-right-width）は、jsで現在のブラウザがどのように解析しているかを判断しますか？documentオブジェクトは、プロパティcomptModeがあります。二つの値があります。BackComppatは、quirks mode CSS 1 Computに対応しています。http://www.quirksmode.org/compatibility.html 歴史的な理由：初期のブラウザNetscape 4とExplorer 4がcssを解析した場合、W 3 C基準を守らなかった。この時の解析方式は私達にquirks modeと呼ばれていますが、W 3 Cの基準がますます重要になり、多くのブラウザがW 3 C標準に従ってCSSを解析し始めました。