효과는 다음과 같습니다.
코드는 다음과 같습니다.
<html> <head> <title> 현재 객체 크기와 화면 해상도 등을 가져옵니다. id = "div_html"> </div> <script type = "text/javaScript"> var s = ""; s+= "웹 페이지 가시 영역 너비 :"+document.body.clientWidth+"<br />"; s+= "웹 페이지 가시 영역 높이 :"+document.body.clientHeight+"<br />"; s+= "웹 페이지 가시 영역 너비 :"+document.body.offsetwidth+"<br />"; s+= "웹 페이지 가시 영역 너비 :"+document.body.offsetwidth+"(가장자리와 스크롤 바의 너비 포함)"+"<br />"; S + = "웹 페이지의 가시 영역 높이 :" + document.body.offsetheight + "(가장자리 너비 포함)" + "<br />"; s+= "웹 페이지의 전체 텍스트 너비 :"+document.body.scrollwidth+"<br />"; S+= "웹 페이지의 전체 텍스트 높이 :"+document.body.scrollheight+"<br />"; S+= "롤아웃중인 웹 페이지의 높이 :"+document.body.scrolltop+"<br />"; s+= "롤아웃중인 웹 페이지의 높이 :"+document.documentElement.scrolltop+"<br />"; s+= "롤아웃중인 웹 페이지의 높이 :"+document.documentElement.scrolltop+"<br />"; s+= "롤아웃중인 웹 페이지의 높이 :"+document.documentElement.scrolltop+"<br />"; s+= "롤아웃중인 웹 페이지의 높이 :"+document.documentElement.scrolltop+"<br />"; S+= "웹 페이지의 높이가 롤아웃되고있다 :"+document.documentElement.scrolltop+"<br />" /> "; s+="웹 페이지의 왼쪽이 롤아웃되고있다 : "+document.body.scrollleft+"<br /> "; s+="+= "+window.screentop+" "+Wink 사용 가능한 작업 공간 : "+window.screen.availWidth+"<br /> "; document.getElementById ( "div_html"). innerHtml = s; </script> </body> </html>
코드 설명 다이어그램은 다음과 같습니다.