집 >웹 프론트엔드 >JS 튜토리얼 >js_기본 지식에서 높이와 너비를 구하는 방법에 대한 설명

js_기본 지식에서 높이와 너비를 구하는 방법에 대한 설명

WBOY원래의: 2016-05-16 17:44:17964검색

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

 
js는 높이 및 너비 요약을 가져옵니다.<br><meta content="text/html;charset=UTF-8" http-equiv="Content-Type" type="text/javascript" src="js/jquery-1.5.2.js"><script type="text/javascript" > ).ready(function() <br>{ <br>alert("현재 브라우저 창의 표시 영역 높이:" $(window).height()); //현재 브라우저의 표시 영역 높이 window<br>alert( "현재 브라우저 창의 문서 높이:" $(document).height()) //현재 브라우저 창의 문서 높이<br>alert( "현재 브라우저 창의 문서 본문 높이:" $(document.body ).height());//현재 브라우저 창의 문서 본문 높이<br>alert("The 브라우저의 현재 창에 있는 문서 본문의 전체 높이에는 테두리 패딩 여백이 포함됩니다:" $(document.body).outerHeight(true)) ;//현재 브라우저 창의 문서 본문의 전체 높이에는 테두리 패딩 여백이 포함됩니다. <br>alert("현재 브라우저 창의 표시 영역 너비:" ($(window).width())); //현재 브라우저 창의 시각적 영역 너비<br>alert("브라우저 현재 창 문서 개체 너비: " $(document).width());//브라우저 현재 창 문서 개체 너비<br>alert("브라우저 현재 창 문서 본문 높이: " $(document.body).width());//브라우저의 높이 브라우저의 현재 창 문서 본문<br>alert("브라우저의 현재 창 문서 본문의 총 너비에는 테두리 패딩 여백이 포함됩니다:" $(document .body).outerWidth(true));//브라우저의 현재 창 문서 본문의 총 너비 창 문서 본문에 테두리 패딩 여백이 포함됩니다 <br>alert("디스플레이 해상도, 높이를 얻으려면 JavaScript 코드만 사용할 수 있습니다:" screen.height);/ /디스플레이 해상도는 JavaScript 코드로만 얻을 수 있습니다. <br>alert( "디스플레이 해상도, 너비는 JavaScript 코드로만 얻을 수 있습니다:" <br><br><br> </script> <br>
 
 웹페이지 표시 영역 너비: document.body.clientWidth 

 웹 페이지의 너비: document.body.clientHeight 

 웹 페이지의 표시 영역 너비: document.body.offsetWidth(가장자리 너비 포함)  li> >
 스크롤되는 웹페이지의 왼쪽: document.body.scrollLeft 
 
 텍스트 부분 왼쪽: window.screenLeft 

 화면 해상도 높이: window.screen.height 
 
 화면 해상도 너비: window.screen .width 
 화면 사용 가능 작업 영역 높이: window.screen.availHeight
 화면 사용 가능 영역 너비: window.screen.availWidth

성명：

이전 기사：js 뉴스 스크롤 js 뉴스 스크롤 효과를 얻는 방법 effect_javascript 기술다음 기사：js 뉴스 스크롤 js 뉴스 스크롤 효과를 얻는 방법 effect_javascript 기술

js_기본 지식에서 높이와 너비를 구하는 방법에 대한 설명

관련 기사