다양한 화면의 너비와 높이를 얻기 위한 JS 및 jquery 코드_기본 지식

Javascript:
웹 페이지의 표시 영역 너비: document.body.clientWidth
웹 페이지의 표시 영역 높이: document.body.clientHeight
너비 웹 페이지의 가시 영역: document.body.offsetWidth (가장자리의 너비 포함)
웹 페이지의 가시 영역 높이: document.body.offsetHeight (가장자리의 높이 포함) edge)
웹 페이지 본문의 전체 텍스트 너비: 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:

코드 복사 코드는 다음과 같습니다.

$(document).ready( function(){
　alert($(window).height()); // 브라우저의 현재 창의 가시 영역 높이
　alert($(document).height()) //브라우저의 현재 창 문서의 높이
Alert($( document.body).height());//현재 브라우저 창의 문서 본문 높이
Alert($(document.body).outerHeight(true));//문서 본문의 전체 높이 현재 브라우저 창의 문서 본문에는 테두리 패딩 여백이 포함됩니다
　alert($(window).width()) //현재 브라우저 창의 표시 영역 너비
alert($(document). width( ));//현재 브라우저 창의 문서 객체 너비
Alert($(document.body).width());//현재 브라우저 창의 문서 본문 너비 브라우저
Alert($(document.body) .outerWidth(true));//현재 브라우저 창의 문서 본문 전체 너비에는 테두리 여백 여백이 포함됩니다
　})