jQuery 창, 문서, 웹 페이지의 다양한 높이에 대한 정확한 이해_jquery

$(document).height(): 전체 웹페이지의 높이
$(window).height(): 브라우저에 보이는 창의 높이
$(window).scrollTop(): 브라우저의 시각적 창 상단에서 웹 페이지 상단까지의 높이(세로 오프셋)

한 문장으로 이해하자면: 웹페이지의 스크롤바를 가장 아래쪽으로 당겼을 때 $(document).height() == $(window).height() $(window).scrollTop( ).

웹페이지 높이가 브라우저 창보다 작으면 $(document).height()는 $(window).height()를 반환합니다.

$("html").height() 및 $("body").height()와 같은 높이는 사용하지 않는 것이 좋습니다.

이유:

$("body").height(): 본문에 테두리가 있을 수 있으며, 획득된 높이는 $(document).height()보다 작습니다.
$("html").height(): 브라우저에 따라 얻은 높이의 의미가 다릅니다. 직설적으로 말하면 브라우저는 호환되지 않습니다.
$(window).height() 값에 문제가 있습니다. 반환되는 내용은 브라우저 창의 높이가 아닙니까?