• 회원가입
  • 로그인
  • 구글아이디로 로그인

[BOM] JS - Window Screen 객체 - 화면객체 (= 스크린객체 = screen객체)

Window Screen 객체

 

1.  

window.screen 객체는 사용자 화면에 대한 정보 포함.

 

2.

window.screen객체는 window 접두사없이 작성 가능.

 

screen.width - 화면너비

screen.height - 화면높이

screen.availWidth - 사용가능화면너비

screen.availHeight - 사용가능화면높이

screen.colorDepth - 색상심도

screen.pixelDepth - 픽셀심도

 

 

 

window.screen.width - 화면너비 (픽셀단위)

 

<p id="demo"></p>


<script>

document.getElementById("demo").innerHTML = 

"화면너비:  " + screen.width;

</script>

 

결과보기 (예) 1280

 

 

window.screen.height - 화면높이 (픽셀단위)

 

<p id="demo"></p>


<script>

document.getElementById("demo").innerHTML = 

"화면높이:  " + screen.height;

</script> 

 

결과보기 (예) 720

 

 

window.screen.availWidth - 사용가능화면너비

 

방문자 화면너비를 픽셀 단위로 Windows 작업표시줄과 같은 인터페이스 기능을 뺀 값으로 반환.

 


 

<p id="demo"></p>


<script>

document.getElementById("demo").innerHTML = 

"사용가능 화면너비:  " + screen.availWidth;

</script>

 

결과보기: (예) 1280

 

 

window.screen.availHeight - 사용가능화면높이

 

방문자 화면높이를 픽셀 단위로 Windows 작업표시줄과 같은 인터페이스 기능을 뺀 값으로 반환.

 


 

<p id="demo"></p>


<script>

document.getElementById("demo").innerHTML = 

"사용가능 화면높이:  " + screen.availHeight;

</script>

 

결과보기: (예) 680

 

 

window.screen.colorDepth - 화면색상심도

 

한 색상을 표시하는 데 사용되는 비트 수 반환.

 


 

1.

모든 최신 컴퓨터는 색 해상도에 24 비트 또는 32 비트 하드웨어 사용.

24 비트 = 16,777,216 개의 다른 "True Colors (트루 컬러)"

32 비트 = 4,294,967,296 개의 다른 "Deep Colors(딥 컬러)"

 

2.

오래된 컴퓨터는 16 비트 사용. 65,536 개의 다른 "High Colors (하이 컬러)"해상도.

아주 오래된 컴퓨터와 오래된 휴대폰은 256 비트의 "VGA Color"인 8 비트 사용.

 

3.

HTML에 사용된 #rrggbb (rgb) 값은 "트루 컬러" 의미. (16,777,216 개의 다른 색상).

 

4.

최신 컴퓨터의 경우, colorDepth (색상심도)와 colorDepth (픽셀심도)가 동일.

 


 

<p id="demo"></p>


<script>

document.getElementById("demo").innerHTML = 

"화면색상심도 : " + screen.colorDepth;

</script>

 

결과보기 (예) 24


 

window.screen.pixelDepth - 화면픽셀심도

 

<p id="demo"></p>


<script>

document.getElementById("demo").innerHTML = 

"화면픽셀심도: " + screen.pixelDepth;

</script> 

 

결과보기: (예) 24 

※ 최신 컴퓨터의 경우, colorDepth (색상심도)와 colorDepth (픽셀심도)가 동일.

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
AJAX JS - AJAX - PHP 아작스 예제 ★ (= 입력제시어 = 입력예제)
AJAX JS - AJAX - ASP 아작스 예제 (= 입력제시어 = 입력예제)
AJAX JS - AJAX - DB 아작스 예제 ★ (= 데이터베이스 정보 가져오기) ※ select 태그 optio…
JSON JS - JSON - Introduction (소개)
JSON JS - JSON - Syntax (구문) ★
JSON JS - JSON - JSON vs XML (언어비교)
JSON JS - JSON - Data Types (데이터타입)
JSON JS - JSON - Object (객체)
JSON JS - JSON - Array (배열)
JSON JS - JSON - JSON.parse() 함수 ★ - (JSON문자열 → JS객체) 변환. (= 웹서버와…
JSON JS - JSON - JSON.stringify() 함수 ★ - (JS객체 → JSON문자열) 변환. ※ P…
JSON JS - JSON - PHP (= 서버연동 = DB연동)
JSON JS - JSON - HTML (= 테이블 및 드롭다운 형태로 출력 + 출력개수선택)
JSON JS - JSON - JSONP (= script 이용한 서버연동)
String JS - String - 문자열
String JS - constructor 속성 - 객체생성자함수반환. (문자열 경우)
String JS - length 속성 ★ - 문자열길이 반환 (= length속성 = 렝스속성) ※ 문자개수/텍스트길이…
String JS - prototype 속성(문자열) - 객체에 사용자정의 속성 및 메서드 추가 (프로토타입)
String JS - charAt() 메서드 ★ - 문자열의 지정 위치 문자. (= charAt메서드) ※ 개별문자에 스…
String JS - charCodeAt() 메서드 - 문자열의 지정위치문자의 유니코드 (= charCodeAt메서드 =…
5/67
목록
찾아주셔서 감사합니다. Since 2012