제이스크립트 윈도우 스크린

window.screen 객체는 사용자 화면 정보를 포함합니다.

Window Screen

window.screen window 전치자 없이도 작성할 수 있습니다:

속성:

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

Window Screen 너비

screen.width 속성은 방문자의 화면 너비(픽셀로)를 반환합니다.

예제

화면의 너비(픽셀로)를 표시합니다:

document.getElementById("demo").innerHTML = "Screen Width: " + screen.width;

결과는 다음과 같습니다:




직접 시험해 보세요






Window Screen 높이


screen.height 속성은 방문자의 화면 높이(픽셀로)를 반환합니다.


예제


화면의 높이(픽셀로)를 표시합니다:


document.getElementById("demo").innerHTML = "Screen Height: " + screen.height;



결과는 다음과 같습니다:





직접 시험해 보세요






Window Screen 사용 가능 너비


screen.availWidth 속성은 방문자의 화면 너비(픽셀로)를 반환하며, 창 도구 표시줄과 같은 인터페이스 요소를 제외합니다.


예제


화면의 사용 가능한 너비(픽셀로)를 표시합니다:


document.getElementById("demo").innerHTML = "Available Screen Width: " + screen.availWidth;



결과는 다음과 같습니다:





직접 시험해 보세요






Window Screen 사용 가능 높이


screen.availHeight 속성은 방문자의 화면 높이(픽셀로)를 반환하며, 창 도구 표시줄과 같은 인터페이스 요소를 제외합니다.


예제


화면의 사용 가능한 높이(픽셀로)를 표시합니다:


document.getElementById("demo").innerHTML = "Available Screen Height: " + screen.availHeight;



결과는 다음과 같습니다:





직접 시험해 보세요






Window Screen 색 깊이


screen.colorDepth 속성은 특정 색상을 표시하기 위한 비트 수를 반환합니다.


모든 현대 컴퓨터는 24비트나 32비트의 하드웨어色彩 해상도를 사용합니다:


    

  • 24 비트 = 16,777,216 개의 "True Colors"
    • 

  • 32 비트 = 4,294,967,296 개의 "Deep Colors"
    • 



오래된 컴퓨터는 14비트를 사용하여 65,536가지의 "High Colors" 해상도를 사용합니다.


매우 오래된 컴퓨터와 오래된 휴대폰은 8비트를 사용하여 256가지의 "VGA colors"를 사용합니다.


예제


비트 단위로 화면 색 깊이를 표시합니다:


document.getElementById("demo").innerHTML = "Screen Color Depth: " + screen.colorDepth;



결과는 다음과 같습니다:





직접 시험해 보세요


HTML에서 사용하는 #rrggbb (rgb) 값은 "True Colors" (16,777,216 중 다른 색상)을 의미합니다.






Window Screen 픽셀 깊이


screen.pixelDepth 속성은 화면의 픽셀 깊이를 반환합니다.


예제


비트 단위로 화면 픽셀 깊이를 표시합니다:


document.getElementById("demo").innerHTML = "Screen Pixel Depth: " + screen.pixelDepth;



결과는 다음과 같습니다:





직접 시험해 보세요


모던 컴퓨터에서는 색 깊이와 픽셀 깊이가 같습니다.