1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!-- 현재 작성하고 있는 파일은 UTF-8 DOS파일입니다.-->
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
  4.   <head>
  5.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.   </head>
  7.   <body>
  8.     <div id="ex_js_syntax">
  9.       <script type="text/javascript" language="javascript">
  10.       <!--
  11.       function window_outer(){
  12.        /* 브라우저 크기 출력 => window.outerWidth; window.outerHeight */
  13.        window_screen = window.outerWidth +'*'+window.outerHeight ;
  14.        document.getElementById("window_outer").innerHTML = window_screen;
  15.       }
  16.       //-->
  17.       </script>
  18.       <form name="input_type" id="input_type" method="post" >
  19.       <!-- 예제 박스에선 안됨 => form태그안에 form태그있으면 지워짐~ㅠ.ㅠ -->
  20.         윈도우 => 브라우저 크기 <br />
  21.         <p id="window_outer" onclick="window_outer();">window객체- 브라우저 크기[클릭]</p>
  22.       </form>
  23.     </div>
  24.   </body>
  25. </html>

--------------------------------------------------------------------------------------------

위 소스 예제 보기


window.outerWidth

브라우저의 전체 넓이 반환

window.outerHeight

브라우저의 전체 높이 반환


window.innerWidth

윈도우 안의 내용 영역의 넓이 반환(브라우저UI제외)

window.innerHeight

윈도우 안의 내용 영역의 높이 반환(브라우저UI제외)



원도우 브라우저 크기 출력합니다. => window.print()


window 속성 보기(접어두었습니다.)


출처 & 인용 - http://www.w3schools.com/


댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

◀ PREV | 1 | 2 | 3 | 4 | 5 | 6 | 7 | ··· | 356 | NEXT ▶

BLOG main image

공지사항

카테고리

분류 (356)
main (1)
php5 (218)
HTML (36)
javascript (93)
IT 이론과 퍼온정보 (8)
깨작일상 (0)
곧 추가할 내용 (0)
추후 알아볼것들... (0)

최근에 받은 트랙백

달력

«   2021/10   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
Total : 382,420
Today : 56 Yesterday : 99