JavaScript
자바스크립트 브라우저 객체 모델(BOM) - Screen 객체
ktko
2017. 1. 10. 23:59
자바스크립트 브라우저 객체 모델(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);