본문으로 바로가기
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

자바스크립트 브라우저 객체 모델(BOM) - Screen 객체 

Screen 객체는 사용자의 디스플레이 해상도와 색상수, 화면크기의 정보를 담은 객체입니다. 보통 방문자의 해상도나 색상 정보를 얻어서 최적의 상태로 내용을 표시할 경우에 사용됩니다.

width와 height 프로퍼티는 디스플레이의 크기를 픽셀단위로 나타냅니다.


Screen 객체의 Property

Property

Description

 heigth

 화면의 높이를 픽셀단위로 알려 줍니다.

 width

 화면의 너비를 알려 줍니다. 

 availHeight

 제목 표시줄, 메뉴 표시줄, 도구 모음을 제외한 실제 화면의 높이를 알려줍니다. 

 availWidth

 실제 화면의 너비를 알려 줍니다. 

 pixelDepth

 한 픽셀당 비트수를 알려 줍니다. 

 colorDepth

 사용 가능한 색상수를 알려 줍니다. 


어려운 내용이 아니기 때문에 간단한 샘플 코드를 첨부합니다.


document.write("화면의 높이 :"+ screen.Height); document.write("화면의 너비 :"+ screen.Width);

document.write("화면의 실제 높이 :"+ screen.availHeight); document.write("화면의 실제 너비 :"+ screen.availWidth); document.write("화면 색상수 :"+ screen.colorDepth); document.write("픽셀당 비트수 :"+ screen.pixelDepth);