반응형

[자바스크립트] Screen 객체의 뜻과 간단예제


Screen 객체는 현재의 웹 브라우저를 이용해서 화면에 보여주는 컴퓨터의 해상도나 색상에 관한 정보를 보여준다.

이 객체를 이용하면 컴퓨터의 크기와 색상을 확인할 수 있다. Screen 객체는 넷스케이프 4.0부터 추가되었고, 만약 이전의 넷스케이프를 가지오 있는 사람은 Screen 객체를 이용하려고 하면 에러 메시지가 나타난다.


다음은 screen 객체의 속성과 기능들에 대한 것이다.


avilHeight : 모니터의 인터페이스를 제외하고 실제로 볼 수 있는 화면의 높이를 지정해준다

availWidth : 모니터의 인터페이스를 제외하고 실제로 볼 수 있는 화면의 폭를 지정해준다

height : 모니터의 인터페이스 부분까지 합한 화면의 높이를 지정해준다.

width : 모니터의 인터페이스 부분까지 합한 화면의 폭을 지정해준다.

pixelDepth : 그래픽 카드에서 지원하는 픽셀 당 비트 수를 보여준다.

colorDepth : 현재 자신의 컴퓨터에서 사용할 수 있는 사용 가능한 색상을 보여준다.




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<!DOCTYPE html>
 
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <h2>자바 스크립트 screen 객체</h2>
        <script>
            document.write("<h2>");
            document.write("인터페이스를 제외한 화면 높이 : " + screen.availHeight + "<br>");
            document.write("인터페이스를 제외한 화면 폭 : " + screen.availWidth + "<br>");
            document.write("화면 높이 : " + screen.height + "<br>");
            document.write("화면 폭 : " + screen.width + "<br>");
            document.write("픽셀 당 비트수 : " + screen.pixelDepth + "<br>");
            document.write("화면 색상수 : " + screen.colorDepth + "<br>");
            document.write("</h2>");
        </script>
    </body>
</html>
 
cs









반응형
Posted by 제3인생자
l