Top

[Javascript] 화면의 가로 세로 길이 구하기. | Web-Programing
김경훈 (admin) | Editor | 2012/03/14 09:51:34 | 조회:5205

브라우저의 화면 가로 세로 길이 구하는 소스.


  1. <script language="JavaScript"> 
  3. function fnGetClientWidth(){    // 화면 가로 길이 구하기
  6.     var intClientWidth;
  9.     if (self.innerWidth){    // IE 외 모든 브라우저            
  11.         intClientWidth = self.innerWidth;
  12.     }else if (document.documentElement && document.documentElement.clientWidth){    // IE 6 Strict
  13.         intClientWidth = document.documentElement.clientWidth;
  14.     }else if (document.body){        // IE
  15.         intClientWidth = document.body.clientWidth;
  16.     }
  17.     return intClientWidth;
  18. }
  20. function fnGetClientHeight(){    // 화면 세로 길이 구하기
  22.     var intClientHeight;
  24.     if (self.innerHeight){
  26.         intClientHeight = self.innerHeight;
  27.     }else if (document.documentElement && document.documentElement.clientHeight){
  28.         intClientHeight = document.documentElement.clientHeight;
  29.     }else if (document.body){
  30.         intClientHeight = document.body.clientHeight;
  31.         return intClientHeight;
  32.     }
  33. }
  36. </script>



위소스로 화면의 가로 세로 길이를 구할 수 있다. 물론 익스, 파폭, 크롬에서 잘 돌아간다.


나는 위 소스를 아래처럼 적용해봤다.


  1. <script language="JavaScript"> 
  3. window.onresize = function(){ 
  4.     if (fnGetClientWidth() < 500 )
  5.     {
  6.         mobile_version()
  7.     }
  8. } 
  10. </script>




- 작성자 WHITESAL

공유하기
공유하기
0
0
0


댓글을 불러오는 중입니다.
▲ 이전글 [HTML] ime-mode 사용방법 김경훈 (admin) 2012-03-14 13:39:44
▼ 다음글 [Web] 웹 포토샵 김경훈 (admin) 2012-02-21 11:38:29
페이지 로딩이 끝나면 해당 댓글로 이동 합니다.