私はしばらくの間グーグルで調べてきましたが、なぜ
が と$(document).height()
違うのかまだわかりませんでした$(document.body).height()
?
さらに、 jQuery の高さメソッドと生の JavaScript の高さメソッドの間の対応関係を誰か教えてもらえますか?
たとえば、$(document).height()
は と同等document.documentElement.scrollHeight
です。
HTMLの<body>
要素は単なる別のブロック要素 ( によく似ています<div>
) であるため、他のブロック要素と同様に、次元のスタイル ( margin
、padding
、width
、height
など) を持つことができます。
それを考慮すると、要素の「サイズ」は<body>
、オブジェクトのサイズに直接対応する必要はありませんdocument
(レンダリングされた HTML ドキュメント全体に対応します)。正当な理由の 1 つは、要素がブロック要素でもある要素<body>
内にあり、それぞれの次元を持つことができることです。<html>
たとえば、<html>
要素に があった場合padding:10px
、要素<body>
の有効サイズは完全に異なりますdocument
。
誤解しないでください:document
とdocument.body
はまったく同じサイズにすることができますが (たとえば、StackOverflow を確認してみてください)、これは<body>
CSS を介して操作できる別の HTML ブロックであることを理解する必要があります。
本体は標準的な余裕があると思います。2番目の部分については、あなたが何を意味するのかわかりません。