웹 페이지의 높이와 너비를 얻기 위한 jQuery 자바스크립트 구현 코드_javascript 기술

웹페이지 표시 영역 너비: document.body.clientWidth
웹 페이지의 가시 영역 높이: document.body.clientHeight
웹 페이지의 가시 영역 너비: document.body.offsetWidth (가장자리 너비 포함)
웹 페이지의 가시 영역 높이: document.body.offsetHeight (가장자리 높이 포함)
웹 페이지 본문의 전체 텍스트 너비: document.body.scrollWidth
웹 페이지 본문의 전체 텍스트 높이: document.body.scrollHeight
페이지가 위로 스크롤되었습니다: document.body.scrollTop
스크롤되는 웹페이지의 왼쪽: document.body.scrollLeft
웹페이지 본문: window.screenTop
웹페이지 본문 왼쪽: window.screenLeft
화면 해상도의 높이: window.screen.height
화면 해상도 너비: window.screen.width
화면 사용 가능 작업 공간 높이: window.screen.availHeight

화면 사용 가능한 작업 공간 너비: window.screen.availWidth

jquery

브라우저 표시 영역의 높이를 가져옵니다. $(window).height();
브라우저 표시 영역의 너비를 가져옵니다. $(window).width()
페이지의 문서 높이 가져오기: $(document).height(); 페이지의 문서 너비 가져오기:
$(document).width(); 스크롤 막대의 수직 높이를 맨 위로 가져옵니다: $(document).scrollTop()

스크롤 막대의 왼쪽 세로 너비를 가져옵니다: $(document).scrollLeft();

요소 위치 및 오프셋 계산

오프셋 메서드는 묶음 집합의 첫 번째 요소에 대한 오프셋 정보를 반환하는 매우 유용한 메서드입니다. 기본적으로 본체에 대한 오프셋 정보입니다. 결과에는 top과 left라는 두 가지 속성이 포함됩니다.
오프셋(옵션, 결과) options.relativeTo는 계산된 오프셋 위치를 기준으로 조상 요소를 지정합니다. 이 요소는 상대적으로 또는 절대적으로 배치되어야 합니다. 생략하면 본문을 기준으로 합니다.
options.scroll 스크롤 막대 포함 여부, 기본값은 TRUE
options.padding 패딩 포함 여부, 기본값은 false
options.margin 계산에 마진을 포함할지 여부, 기본값은 true
options.border 테두리 포함 여부, 기본값은 true

웹 페이지의 높이와 너비를 구하는 위의 jQuery 자바스크립트는 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다. 또한 모두가 Script Home을 지원해 주시길 바랍니다.