자바스크립트 창 화면
window.screen 객체는 사용자의 화면에 대한 정보를 포함합니다.
윈도우 화면
창 window.screen
접두사 없이 개체를 작성할 수 있습니다.
속성:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
창 화면 너비
속성 은 screen.width
방문자 화면의 너비를 픽셀 단위로 반환합니다.
예시
화면 너비를 픽셀로 표시합니다.
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
결과는 다음과 같습니다.
Screen Width: 1920
창 화면 높이
속성 은 screen.height
방문자 화면의 높이를 픽셀 단위로 반환합니다.
예시
화면 높이를 픽셀로 표시:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
결과는 다음과 같습니다.
Screen Height: 10000
창 화면 사용 가능한 너비
속성 은 screen.availWidth
방문자 화면의 너비(픽셀)에서 Windows 작업 표시줄과 같은 인터페이스 기능을 뺀 값을 반환합니다.
예시
화면의 사용 가능한 너비를 픽셀로 표시합니다.
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
결과는 다음과 같습니다.
Available Screen Width: 1920
창 화면 사용 가능한 높이
이 screen.availHeight
속성은 Windows 작업 표시줄과 같은 인터페이스 기능을 뺀 방문자 화면의 높이를 픽셀 단위로 반환합니다.
예시
화면의 사용 가능한 높이를 픽셀로 표시합니다.
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
결과는 다음과 같습니다.
Available Screen Height: 10000
창 화면 색 농도
속성 은 screen.colorDepth
하나의 색상을 표시하는 데 사용되는 비트 수를 반환합니다.
모든 최신 컴퓨터는 색상 해상도를 위해 24비트 또는 32비트 하드웨어를 사용합니다.
- 24비트 = 16,777,216개의 서로 다른 "트루 컬러"
- 32비트 = 4,294,967,296개의 다양한 "딥 컬러"
구형 컴퓨터는 16비트를 사용했습니다: 65,536개의 다른 "하이 컬러" 해상도.
아주 오래된 컴퓨터와 오래된 휴대폰은 8비트를 사용했습니다: 256개의 다른 "VGA 색상".
예시
화면의 색 농도를 비트 단위로 표시합니다.
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
결과는 다음과 같습니다.
Screen Color Depth: 24
HTML에 사용된 #rrggbb(rgb) 값은 "트루 컬러"(16,777,216가지 다른 색상)를 나타냅니다.
창 화면 픽셀 깊이
속성 은 screen.pixelDepth
화면의 픽셀 깊이를 반환합니다.
예시
화면의 픽셀 깊이를 비트로 표시합니다.
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
결과는 다음과 같습니다.
Screen Pixel Depth: 24
최신 컴퓨터의 경우 색상 깊이와 픽셀 깊이는 동일합니다.