javascript screen 객체
HTML 공부
2015. 3. 1. 17:19
javascript screen 객체
■ 자바스크립트의 객체 중에서 screen은 사용자의 모니터 화면과 관련된 정보를 가져올 수 있는데요. screen은 브라우저가 작동하는 공간으로서 브라우저와는 완전히 별개이기 때문에 메서드를 사용해서 제어할 수는 없습니다. 그래서 단지 화면의 정보만 읽어올 수 있는 속성만 있는데요. 그것들을 정리해보고, 이용해서 모니터 화면의 정보를 출력해보겠습니다.
screen 객체의 속성을 이용해서 불러올 수 있는 화면의 정보는 다음과 같습니다.
width : 화면의 너비
height : 화면의 높이
availHeight : 사용 가능한 높이
availWidth : 사용 가능한 너비
pixelDeph : 픽셀당 색상의 bit
colorDepth : 색상 표현에 사용하는 bit
■ 대충 어떤 정보인지 아시겠죠? 이 screen 객체의 속성들을 이용해서 제가 사용 중인 노트북의 화면 정보를 출력하는 내용의 예제를 만들어보겠습니다. 참고로 제 노트북의 해상도는 [1920x1040] 입니다.
▲ 각 속성값들을 출력하도록 해봤습니다.
▲ 제 노트북 화면의 넓이와 높이 등의 정보를 읽어오고 있습니다.
JavaScript의 DOM을 정리하다가 screen 객체는 별 내용이 없어서 넘어갈까 했는데, 이렇게 글 작성하면서 머릿속에 넣기 위해서 정리해봤습니다. 메서드가 없으니까 내용이 많지가 않네요. ^^ screen 객체는 이렇게 속성만 알고 넘어가면 될 거 같아요. 수고하셨습니다.