mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Saturday, April 28, 2007

자바스크립트] 방문객 모니터 해상도 구하기/판단; JavaScript Screen Resolution


현재 방문객의 모니터 해상도를 alert 대화상자로 출력하려면 다음과 같은 코드를 사용합니다. 그러면 클릭했을 때 대화상자에, 방문객 컴퓨터의 현재 모니터 해상도가 출력됩니다.

<a href="javascript:alert('현재 모니터 해상도:\n\n' + screen.width + 'x' + screen.height);">클릭하면 여러분의 현재 모니터 해상도가 나옵니다</a>


테스트
클릭하면 여러분의 현재 모니터 해상도가 나옵니다



screen.width 로 가로 해상도를 구하고
screen.height 로 세로 해상도를 구하는데
이것은 함수가 아니라 속성/특성(Property)입니다.


JavaScript로 해상도 알아내기 소스


예를 들어
가로: 1024
세로: 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>





tag: html
HTML | CSS | 자바스크립트 JavaScript

0 Comments:

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top