작성자

freewebkorea

카테고리

비밀번호

제목

<H2>screen Object</H2>
screen Object 는 우리가 사용하는 모니터의 화면에 대한 정보를 담고 있습니다. 화면에 대한 정보란, 화면의 수평 수직 해상도, 사용 가능한 색상의 가지 수 등에 대한 정보를 return 해 줍니다.
<TABLE class=attributeTbl cellSpacing=2 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=titleCell colSpan=2>screen Object Property</TD></TR>
<TR>
<TD class=syntaxLeftCell>width</TD>
<TD class=syntaxRightCell>screen 의 수평 해상도(Pixel) return</TD></TR>
<TR>
<TD class=syntaxLeftCell>height</TD>
<TD class=syntaxRightCell>screen 의 수직 해상도(Pixel) return</TD></TR>
<TR>
<TD class=syntaxLeftCell>availWidth</TD>
<TD class=syntaxRightCell>작업 표시줄을 뺀 사용 가능한 screen 의 수평 해상도 (Pixel) return</TD></TR>
<TR>
<TD class=syntaxLeftCell>availHeight</TD>
<TD class=syntaxRightCell>작업 표시줄을 뺀 사용 가능한 screen 의 수직 해상도 (Pixel) return</TD></TR>
<TR>
<TD class=syntaxLeftCell>colorDepth</TD>
<TD class=syntaxRightCell>screeb 에 color 를 표현하는 Bit 수 return</TD></TR>
<TR>
<TD class=syntaxLeftCell>fontSmoothingEnabled</TD>
<TD class=syntaxRightCell>글꼴 가장자리 다듬기 설정의 on, off 여부 (true, false) return</TD></TR>
<TR>
<TD class=syntaxLeftCell>deviceXDPI</TD>
<TD class=syntaxRightCell>screen의 수평 해상도(DPI : Dots Per Inch) return</TD></TR>
<TR>
<TD class=syntaxLeftCell>deviceYDPI</TD>
<TD class=syntaxRightCell>screen의 수직 해상도(DPI) return</TD></TR></TBODY></TABLE> screen Object 예제 <PRE class=input id=screen_object>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 document.write("width : " + screen.width + "&lt;br /&gt;")
 document.write("height : " + screen.height + "&lt;br /&gt;")
 document.write("availWidth : " + screen. availWidth+ "&lt;br /&gt;")
 document.write("availHeight : " + screen.availHeight + "&lt;br /&gt;")
 document.write("colorDepth : " + screen.colorDepth + "&lt;br /&gt;")
 document.write("fontSmoothingEnabled : " + screen.fontSmoothingEnabled + "&lt;br /&gt;")
 document.write("deviceXDPI : " + screen.deviceXDPI + "&lt;br /&gt;")
 document.write("deviceYDPI : " + screen.deviceYDPI + "&lt;br /&gt;") 
 // --&gt;
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 
 &lt;/body&gt;
&lt;/html&gt;
</PRE><A href="javascript:copy2Clipboard(screen_object);open_window('../../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> width 와 availWidth, height 와 availHeight 
avail 이란 '유효' 하다는 뜻의 단어 이므로 availWidth 는 유효 폭, availHeight는 유효 높이라는 뜻이겠죠. 위의 예제 결과를 보면 해상도 1024 X 768을 기준으로 width, availWidth 모두 1024 가 나옵니다. 아마 집에서 컴퓨터를 하는 분들 중에 아이들에게 컴퓨터를 시켜주고 잠깐 자리를 비운 사이 하단에 있어야 될 작업 표시줄이 좌우 또는 상단에 떠억~ 하니 붙어버린 것을 경험한 적이 있을 지도 모르겠습니다. 위치 이동하는 방법을 모르면 진짜로 애를 먹게 되져... 작업 표시줄의 경우 하단에 놓을 수도 있지만 좌우 또는 상단에 놓을 수도 있습니다. 아래의 작업 표시줄에서 창 제목을 제외한 여백에 마우스 커저를 놓고 좌우나 위로 드랙(Mouse Down 상태에서 버튼을 떼지 말고)하면 좌우 상하 어느 위치로든지 이동시킬 수 있습니다. 만약 오른쪽에 작업 표시줄을 놓는다면 이 때는 availWidth 가 1024보다 작아 지겠죠. 그 대신 availHeight는 768이 됩니다. 이와 같이 availWidth, availHeight 는 작업 표시줄을 뺀 사용가능한 screen 영역이 되겠습니다. 
<HR class=blackHr>

첨부파일

Tel. 042-353-2371

평일 오전 9시 ~ 오후 7시

기업은행

010-8649-6758

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