아랄라랄라
R 스토리
아랄라랄라
전체 방문자
오늘
어제
  • All (198)
    • Web (145)
      • Markup | WEB (9)
      • Styles (45)
      • javascript (32)
      • jquery (28)
      • vue (16)
      • react (10)
      • more (5)
    • IT (31)
      • CS (3)
      • git hub (5)
      • UI | UX (18)
      • more (5)
    • ETC (22)
      • 이슈노트 (12)
      • 스터디 (10)
      • 아랄라 ☞☜ (0)
      • JOB🛠 (0)

인기 글

반응형
hELLO · Designed By 정상우.
아랄라랄라
Web/javascript

[자바스크립트] 현재 해상도를 얻는 자바스크립트

Web/javascript

[자바스크립트] 현재 해상도를 얻는 자바스크립트

2018. 5. 15. 15:01

<input type="text" id="resolution" value="width, height">



<script type="text/javascript">


//현재  해상도를 얻는 자바스크립트


window.onresize=controlResizing;


  function controlResizing(){

    var vn_screenx = window.innerWidth; //화면 스크린 넓이

    var vn_screeny = window.innerHeight; //화면 스크린 높이

 

    //alert('넓이:'+ vn_screenx +'높이:' + vn_screeny);

 

    var documentTxt = document.getElementById('resolution');

    documentTxt.value='width'+vn_screenx+', height'+vn_screeny;


//350px 보다 작아질 경우에 블록 실행

var navi = document.getElementById("navigation");


if( vn_screenx <= 350 ){

// alert('350 이하')

navi.style.display="none";

}else{

navi.style.display="block";

}

  }



</script>

728x90
저작자표시 비영리 (새창열림)

'Web > javascript' 카테고리의 다른 글

[자바스크립트] 자바스크립트 정리  (0) 2018.05.15
[자바스크립트] 모바일 웹일 때 주소창이 사라지게 설정  (0) 2018.05.15
[제이쿼리][자바스크립트] 영문만, 숫자만, 한글만 입력.  (0) 2018.05.15
[자바스크립트] 연산자  (0) 2018.05.15
[자바스크립트] 함수  (0) 2018.05.15

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.