Saturday, April 28, 2007
자바스크립트] 방문객 모니터 해상도 구하기/판단; JavaScript Screen Resolution
현재 방문객의 모니터 해상도를 alert 대화상자로 출력하려면 다음과 같은 코드를 사용합니다. 그러면 클릭했을 때 대화상자에, 방문객 컴퓨터의 현재 모니터 해상도가 출력됩니다.
테스트
클릭하면 여러분의 현재 모니터 해상도가 나옵니다
screen.width 로 가로 해상도를 구하고
screen.height 로 세로 해상도를 구하는데
이것은 함수가 아니라 속성/특성(Property)입니다.
예를 들어
이런 식으로, 현재 웹페이지에 가로 세로별로 해상도를 출력하고, 그 해상도가 높은지 낮은지에 대해 if문으로 판단하는 방법입니다.
파일명: example.html
<a href="javascript:alert('현재 모니터 해상도:\n\n' + screen.width + 'x' + screen.height);">클릭하면 여러분의 현재 모니터 해상도가 나옵니다</a>
테스트
클릭하면 여러분의 현재 모니터 해상도가 나옵니다
screen.width 로 가로 해상도를 구하고
screen.height 로 세로 해상도를 구하는데
이것은 함수가 아니라 속성/특성(Property)입니다.
JavaScript로 해상도 알아내기 소스
예를 들어
가로: 1024
세로: 768
평균적인 해상도이군요
세로: 768
평균적인 해상도이군요
이런 식으로, 현재 웹페이지에 가로 세로별로 해상도를 출력하고, 그 해상도가 높은지 낮은지에 대해 if문으로 판단하는 방법입니다.
파일명: example.html
<script type="text/javascript">
document.write('가로: ', screen.width, '<br />', '세로: ', screen.height, '<br />');
document.write('<br /><br />'); // 줄바꿈
if ( (screen.width == 1024) && (screen.height == 768) ) {
document.write('평균적인 해상도이군요<br />');
}
else if ( (screen.width < 1024) && (screen.height < 768) ) {
document.write('저해상도이군요.<br />');
}
else if ( (screen.width > 1024) && (screen.height > 768) ) {
document.write('고해상도이군요.<br />');
}
else
document.write('비표준 해상도군요.<br />');
</script>
document.write('가로: ', screen.width, '<br />', '세로: ', screen.height, '<br />');
document.write('<br /><br />'); // 줄바꿈
if ( (screen.width == 1024) && (screen.height == 768) ) {
document.write('평균적인 해상도이군요<br />');
}
else if ( (screen.width < 1024) && (screen.height < 768) ) {
document.write('저해상도이군요.<br />');
}
else if ( (screen.width > 1024) && (screen.height > 768) ) {
document.write('고해상도이군요.<br />');
}
else
document.write('비표준 해상도군요.<br />');
</script>
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home