JavaScript와 jQuery를 사용하여 웹페이지의 높이와 너비를 얻는 방법

JavaScript와 jQuery는 프론트엔드 개발에 널리 사용됩니다. 이 기사에서는 JQuery와 javascript를 사용하여 웹 페이지의 높이와 너비를 얻는 방법을 설명합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. 배우기를 좋아하는 당신!

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. width
화면 사용 가능 작업 영역 높이: window.screen.availHeight
화면 사용 가능 작업 영역 너비: window.screen.availWidth

jquery

브라우저 표시 영역의 높이 가져오기: (window).height(); 브라우저 표시 영역의 너비: (window).height(); 브라우저 표시 영역의 너비를 가져옵니다: (window).width()
페이지의 문서 높이를 가져옵니다: (document).height(); 페이지의 문서 높이 가져오기 문서 너비: (document).height(); 페이지의 문서 너비 가져오기: (document).width()
스크롤 막대의 위쪽 수직 높이 가져오기: (document).scrollTop (); 왼쪽 스크롤 막대의 세로 높이 가져오기 Width: (document).scrollTop(); 왼쪽 스크롤 막대의 세로 너비 가져오기: (document).scrollLeft(); offset
오프셋 메서드는 매우 유용한 메서드로, 요소에 대한 오프셋 정보 세트 패키지의 첫 번째 요소를 반환합니다. 기본적으로 본체에 대한 오프셋 정보입니다. 결과에는 top과 left라는 두 가지 속성이 포함됩니다.
offset(options, results)
options.relativeTo　 상대 계산 오프셋 위치의 조상 요소를 지정합니다. 이 요소는 상대적으로 또는 절대적으로 배치되어야 합니다. 생략하면 본문을 기준으로 합니다.
options.scroll 스크롤바 포함 여부, 기본값은 TRUE
options.padding 패딩 포함 여부, 기본값은 false
options.margin 여백 포함 여부, 기본값은 true
options.border 포함 여부 테두리, 기본값은 true

위 내용은 JavaScript와 jQuery를 사용하여 웹페이지의 높이와 너비를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!