페이지 높이를 얻는 JavaScript 메소드

<script><br>function getInfo()<br>{<br> var s = "";<br> s += " 웹 페이지의 표시 영역 너비: "+ document.body.clientWidth;<br> s += "웹 페이지 표시 영역의 높이: "+ document.body.clientHeight;<br> s += "웹 페이지 표시 영역의 너비: "+ document .body.offsetWidth + " (가장자리 및 스크롤 막대의 너비 포함)";<br> s += " 웹 페이지의 표시 영역 높이: "+ document.body.offsetHeight + "(포함 가장자리의 너비)";<br> s += " 웹 페이지의 전체 텍스트 너비: "+ document.body.scrollWidth;<br> s += " 웹 페이지의 전체 텍스트 높이: " + document.body.scrollHeight;<br> s += " 스크롤되는 웹페이지의 높이(ff): "+ document.body.scrollTop;<br> s += " 스크롤되는 웹페이지의 높이(예: ): "+ document.documentElement.scrollTop;<br> s += " 스크롤되는 웹 페이지의 왼쪽: "+ document.body.scrollLeft;<br> s += " 웹 페이지의 텍스트 부분 Top : "+ window.screenTop;<br> s += " 웹 페이지 텍스트의 왼쪽 부분: "+ window.screenLeft;<br> s += " 높은 화면 해상도: "+ window.screen.height;<br> s += "화면 해상도 너비:"+ window.screen.width;<br> s += "화면에서 사용 가능한 작업 영역의 높이:"+ window.screen.availHeight;<br> s += "화면의 사용 가능한 작업 영역 너비: "+ window.screen.availWidth;<br> s += " 화면 설정은 "+ window.screen.colorDepth +" 비트 색상";<br> s += " 화면 설정"+ window.screen.deviceXDPI +" 픽셀/인치";<br> //경고(들);<br>}<br>getInfo();<br></script>
로컬 테스트에서:
IE, FireFox 및 Opera에서
document.body.clientWidth
document.body.clientHeight
를 사용하여 얻을 수 있습니다. 매우 간단하고 편리합니다.
회사 프로젝트에서:
Opera는 여전히
document.body.clientWidth
document.body.clientHeight
를 사용하지만 IE와 FireFox는
document.documentElement.clientWidth
document를 사용합니다. .documentElement.clientHeight
W3C 표준이 문제를 일으키는 것으로 밝혀졌습니다

이 태그 줄을 페이지에 추가하는 경우
IE:
document.body.clientWidth ==> BODY 개체 너비
document.body.clientHeight ==> BODY 객체 높이
document.documentElement.clientWidth ==> 표시 영역 너비
document.documentElement.clientHeight ==> FireFox에서 표시 영역 높이
🎜>document.body.clientWidth ==> BODY 개체 너비
document.body.clientHeight ==>gt; BODY 개체 높이
document.documentElement.clientWidth ==> 표시 영역 너비
document . documentElement.clientHeight ==> 표시 영역 높이

Opera:

document.body.clientWidth ==> 표시 영역 너비
document.body.clientHeight ==> ; 표시 영역 높이
document.documentElement.clientWidth ==> 페이지 개체 너비(예: BODY 개체 너비 + 여백 너비)
document.documentElement.clientHeight ==> 페이지 개체 높이(예: BODY 개체 너비) 높이 + 여백 높이)
W3C 표준이 정의되지 않은 경우
IE는
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==>
FireFox는 다음과 같습니다.
document.documentElement.clientWidth ==> 페이지 개체 너비(예: BODY 개체 너비 + 여백 너비) document.documentElement.clientHeight ==>; 페이지 개체 높이(예: BODY 개체 높이 + 여백 너비) 위쪽 여백 높이)
Opera는
document.documentElement.clientWidth ==> 페이지 개체 너비(예: BODY 개체 너비 + 여백 너비) document.documentElement.clientHeight ==>; (즉, BODY 개체 높이 + 여백 높이)