ホームページ  >  記事  >  ウェブフロントエンド  >  document.body を document.documentElement_javascript スキルに置き換える理由の分析

document.body を document.documentElement_javascript スキルに置き換える理由の分析

WBOY
WBOYオリジナル
2016-05-16 18:41:441035ブラウズ

ページ コンテンツがウィンドウ サイズを超える場合、IE6 は幅属性のscrollWidth、clientWidth、およびoffsetWidthをコンテンツの実際の幅として解釈します。
最後のテストでは、document.body プロパティが期待した結果を返さないことがわかりました。たとえば、「ページの表示領域の高さ」を取得するために document.body.clientHeight を使用しましたが、実際に返されるのは「ページの実際の高さ」です。
それではどうすればいいでしょうか?ドキュメントDTDタイプを追加した後、「表示領域の高さ」や「実際のコンテンツの幅」などの属性を取得できなくなったのでしょうか?

コードをコピー コードは次のとおりです:




documentElement


















































































scrollTop(滚アニメーション条卷过的高):
scrollLeft(滚アニメーション条卷过的宽):
scrollHeight(内容实际の高さ):
scrollWidth(内容实际宽度):
clientWidth(可読領域宽):
clientHeight(可読領域高):
offsetWidth(加滚アニメーション条宽?):
offsetHeight(加滚アニメーション条高?):
画面上:
画面下:
画面左:
高さ(分辨率高):
swidth(分分辨率宽):
availHeight:
availWidth:

コンテンツの高さは 400PX、点击查すべてのプロパティを見る





さらに、document.body の代わりに document.documentElement を使用して、私が望む結果を取得することができます。結果:
ii のテストの結果、IE 系列のブラウザーでは document.documentElement プロパティに対する問題が解決されており、他の標準ブラウザーでは offsetHeight が limscrollHeight に変換されます。

は、JS メソッドを使用してさまざまなプロパティを取得できます。吧^_^!
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。