screen Object

screen Object 는 우리가 사용하는 모니터의 화면에 대한 정보를 담고 있습니다. 화면에 대한 정보란, 화면의 수평 수직 해상도, 사용 가능한 색상의 가지 수 등에 대한 정보를 return 해 줍니다.

screen Object Property

width screen 의 수평 해상도(Pixel) return

height screen 의 수직 해상도(Pixel) return

availWidth 작업 표시줄을 뺀 사용 가능한 screen 의 수평 해상도 (Pixel) return

availHeight 작업 표시줄을 뺀 사용 가능한 screen 의 수직 해상도 (Pixel) return

colorDepth screeb 에 color 를 표현하는 Bit 수 return

fontSmoothingEnabled 글꼴 가장자리 다듬기 설정의 on, off 여부 (true, false) return

deviceXDPI screen의 수평 해상도(DPI : Dots Per Inch) return

deviceYDPI screen의 수직 해상도(DPI) return

screen Object 예제

<html>
    <head>
        <title></title>
    <script type="text/javascript">
    <!--
    document.write("width : " + screen.width + "<br />")
    document.write("height : " + screen.height + "<br />")
    document.write("availWidth : " + screen. availWidth+ "<br />")
    document.write("availHeight : " + screen.availHeight + "<br />")
    document.write("colorDepth : " + screen.colorDepth + "<br />")
    document.write("fontSmoothingEnabled : " + screen.fontSmoothingEnabled + "<br />")
    document.write("deviceXDPI : " + screen.deviceXDPI + "<br />")
    document.write("deviceYDPI : " + screen.deviceYDPI + "<br />")    
    // -->
    </script>
    </head>
    <body>
    
    </body>
</html>

width 와 availWidth, height 와 availHeight

avail 이란 '유효' 하다는 뜻의 단어 이므로 availWidth 는 유효 폭, availHeight는 유효 높이라는 뜻이겠죠. 위의 예제 결과를 보면 해상도 1024 X 768을 기준으로 width, availWidth 모두 1024 가 나옵니다. 아마 집에서 컴퓨터를 하는 분들 중에 아이들에게 컴퓨터를 시켜주고 잠깐 자리를 비운 사이 하단에 있어야 될 작업 표시줄이 좌우 또는 상단에 떠억~ 하니 붙어버린 것을 경험한 적이 있을 지도 모르겠습니다. 위치 이동하는 방법을 모르면 진짜로 애를 먹게 되져...

작업 표시줄의 경우 하단에 놓을 수도 있지만 좌우 또는 상단에 놓을 수도 있습니다. 아래의 작업 표시줄에서 창 제목을 제외한 여백에 마우스 커저를 놓고 좌우나 위로 드랙(Mouse Down 상태에서 버튼을 떼지 말고)하면 좌우 상하 어느 위치로든지 이동시킬 수 있습니다.

만약 오른쪽에 작업 표시줄을 놓는다면 이 때는 availWidth 가 1024보다 작아 지겠죠. 그 대신 availHeight는 768이 됩니다. 이와 같이 availWidth, availHeight 는 작업 표시줄을 뺀 사용가능한 screen 영역이 되겠습니다.

Tel. 042-353-2371

평일 오전 9시 ~ 오후 7시

기업은행

010-8649-6758

예금주:제주사랑(송진아)

screen Object