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