반응형
모니터 화면의 사이즈나 색상수(비트) 등의 정보를 사용하기 위한 객체
모니터 사이즈에 따라 동적인 표시 가능
screentest.html - IE에서만 동작(단일 탭일 경우만). chrome이나 opera는 미대응 -
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Screen객체</title> <script type="text/javascript"> function adjust(){ window.moveTo(0, 0); window.resizeTo(screen.width, screen.height); } </script> </head> <body> <input type="button" value="조정" onclick="adjust()" /> </body> </html> | cs |
주요 프로퍼티
|
프로퍼티 |
설명 |
반환 값(샘플) |
|
height |
모니터의 높이 |
768 |
|
width |
모니터의 폭 |
1024 |
|
availHeight |
사용 가능한 높이(태스크 바 등을 제외한 사이즈) |
738 |
|
availWidth |
사용 가능한 폭(태스크 바 등을 제외한 사이즈) |
1024 |
|
colorDepth |
모니터의 색상 수(비트 수) |
32 |
반응형
'교육자료 > Javascript' 카테고리의 다른 글
| 18-2. DOM특정 노드 참조하기 (0) | 2019.05.13 |
|---|---|
| 18-1. DOM(Document Object Model) (0) | 2019.05.13 |
| 17-6. Navigator 브라우저 객체 (0) | 2019.05.13 |
| 17-4. Document 브라우저 객체 (0) | 2019.05.13 |
| 17-4. Location 브라우저 객체 (0) | 2019.05.13 |