최신 웹 개발 튜토리얼
 

JavaScript Window Screen


window.screen 객체는 사용자의 화면에 대한 정보가 포함되어 있습니다.


Window Screen

window.screen 목적은 창 접두어없이 기록 될 수있다.

속성:

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

Window Screen Width

screen.width 속성은 픽셀 단위로 방문자의 화면의 폭을 돌려줍니다.

픽셀 화면의 폭을 표시 :

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

결과는 다음과 같습니다

Screen Width: 1600
»그것을 자신을 시도

Window Screen Height

screen.height 속성은 픽셀 단위로 방문자의 화면의 높이를 돌려줍니다.

픽셀 스크린의 높이를 표시 :

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

결과는 다음과 같습니다

Screen Height: 900
»그것을 자신을 시도

Window Screen 가능 폭

screen.availWidth 속성은 픽셀 단위로 방문자의 화면의 폭을 돌려 뺀 인터페이스는 Windows 작업 표시 줄처럼되어 있습니다.

픽셀의 화면 표시 가능한 폭 :

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

결과는 다음과 같습니다

Available Screen Width: 1600
»그것을 자신을 시도

Window Screen 가능한 높이

screen.availHeight 속성은 픽셀 단위로 방문자의 화면의 높이를 반환, 마이너스 인터페이스는 Windows 작업 표시 줄처럼되어 있습니다.

픽셀의 화면 표시 가능한 높이 :

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

결과는 다음과 같습니다

Available Screen Height: 860
»그것을 자신을 시도

Window Screen 색상의 농도

screen.colorDepth 속성은 하나의 색을 표시하는 데 사용되는 비트의 수를 반환한다.

모든 현대 컴퓨터는 24 비트 또는 컬러 해상도 32 비트 하드웨어를 사용 :

  • 24 비트 = 16,777,216 다른 "진정한 색상"
  • 32 비트 = 4,294,967,296 다른 "깊은 색상"

65,536 다른 "높은 색상"해상도 : 이전 컴퓨터는 16 비트를 사용했다.

256 가지 "VGA 색상"아주 오래된 컴퓨터, 오래된 휴대 전화는 8 비트를 사용했다.

비트 화면의 색상을 표시 :

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

결과는 다음과 같습니다

Screen Color Depth: 24
»그것을 자신을 시도

#rrggbb (rgb) HTML에 사용되는 값을 나타냅니다 "트루 컬러"( 16,777,216 색 전개)


Window Screen 픽셀의 깊이

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

비트 화면의 픽셀 깊이를 표시 :

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

결과는 다음과 같습니다

Screen Pixel Depth: 24
»그것을 자신을 시도

현대 컴퓨터의 경우, 색 농도 및 픽셀 깊이는 동일하다.