<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 |