자바스크립트 화면의 크기 알아내기, 사용자 모니터의 해상도를 알아내기

자바스크립트 작성시 사용자 화면(모니터)의 크기(해상도)를 알아내야 할 경우가 있습니다.

특히, 모바일 홈페이지를 작성할 경우, 모바일 디바이스의 화면크기가 매우 다양하기 때문에 모바일 디바이스의 화면 크기를 알아야할 필요가 더 생기지요.

아래 객체 변수를 참조하세요.

• screen.availWidth : 사용자 화면의 폭
• screen.availHeight : 사용자 화면의 높이

웹페이지의 스크롤된 높이를 알 수 있는 변수

• document.body.scrollHeight : 내용의 스크롤 된 높이

샘플코드

<script>

var w = screen.availWidth;

var h = screen.avialHeight;

alert("현재 접속하신 기기 화면의 너비는 " + w + "px이며, 높이는" + h + "px입니다.");

</script>

 

옛날 책상