document.compatMode_javascript スキルの 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:

cWidth = dx.clientWidth ;

cHeight = dx.clientHeight;

sHeight = dx.scrollHeight; 🎜>
sTop = dx.scrollTop;



標準モード:

要素の実際の幅 = margin-left border-left-width padding-left width padding - right border-right-width margin-right;

Quirks モード:

width は要素の実際の幅、コンテンツ幅 = width - (margin-left margin-right padding- leftpadding-right border-left-width border-right-width)

現在のブラウザーがどのように解析しているかを js で判断するにはどうすればよいですか?
ドキュメント オブジェクトには compatMode 属性があり、次の 2 つの値があります。

BackCompat は互換モードに対応
CSS1Compat は厳密モードに対応


ブラウザ互換性テーブル

http://www.quirksmode.org/compatibility.html

歴史的理由:

初期のブラウザ Netscape 4 および Explorer 4 が CSS を解析したとき、W3C 標準に準拠していませんでした。このときの解析方法は quirks モードと呼ばれますが、W3C 標準の重要性が高まるにつれ、多くのブラウザが W3C 標準に従って CSS を解析し始め、CSS の解析において W3C 標準を模倣するモード (strict モード) と呼ばれます。モード)
ホタル