ドキュメントモード-document.compatModeJavascript in



Document Mode Document



今日、フレームを見て誤ってdocument.compatModeを見たとき、いくつかの情報の世話をして、最終的に彼らは知るようになります。
ドキュメントモードは、開発ではめったに使用されないようですが、最も一般的なのは、ドキュメントの幅と高さなど、ページの幅と高さが広い表示領域よりも高い場合に使用することです。
QuirksモードとStandardsモードでレンダリングするためのIEボックスモデルボックスモデルの解釈についてはStandardsモードに大きな違いがあり、他の標準ブラウザは同じですが、Doctype宣言がないQuirksモードモードには大きな違いがあります。 IEはデフォルトのQuirksモードです。したがって、互換性の理由として、現在のドキュメントレンダリングを取得する必要がある場合があります。
document.compatModeは便利で、BackCompatとCSS1Compatの2つの可能な戻り値があります。
BackCompat:標準準拠モードがオフ。ブラウザのクライアント領域の幅はdocument.body.clientWidthですCSS1Compat:標準準拠モードがオンになっています。ブラウザのクライアント領域の幅はdocument.documentElement.clientWidthです。
そこで、クライアント領域の幅と高さ、スクロールバーの幅と高さ、スクロールバーのコードの左側と上部を正確に取得するページを作成しました。

if (document.compatMode == 'BackCompat') { cWidth = document.body.clientWidth cHeight = document.body.clientHeight sWidth = document.body.scrollWidth sHeight = document.body.scrollHeight sLeft = document.body.scrollLeft sTop = document.body.scrollTop } else { //document.compatMode == 'CSS1Compat' cWidth = document.documentElement.clientWidth cHeight = document.documentElement.clientHeight sWidth = document.documentElement.scrollWidth sHeight = document.documentElement.scrollHeight sLeft = document.documentElement.scrollLeft == 0 ? document.body.scrollLeft : document.documentElement.scrollLeft sTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop }

複製:https://www.cnblogs.com/jenry/archive/2010/12/07/1899354.html