document.compatMode 導入_JavaScript スキル

今日、ext で document.compatMode が使用されているのを見ましたが、これは互換性のある Web ページを開発するのに非常に役立ちます。標準モードと Quirks モードでの IE のボックス モデルのレンダリングには大きな違いがあることは誰もが知っています。標準モードでのボックス モデルの解釈は他の標準ブラウザの解釈と同じですが、Doctype が宣言されていない場合、IE はデフォルトで Quirks モードになります。したがって、互換性の理由から、現在のドキュメントのレンダリング方法を取得する必要がある場合があります。
document.compatMode には、BackCompat と CSS1Compat という 2 つの戻り値があり、次のように説明されています。
BackCompat 標準準拠モードはオンになっていません (Quirks モード)
CSS1Compat Standards- (標準モード)
実際のプロジェクトでは、IE のレンダリング モードを取得するために、ブラウザが IE かどうかも取得する必要があります。 Ext のコード: isBorderBox=isIE&&!isStrict。
ドキュメントに標準宣言がある場合、document.compatMode の値は「CSS1compat」に等しいため、
var height の値に基づいてドキュメントに標準宣言があるかどうかを判断できます。 = document.compatMode= ="CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;