2024-10-15
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/*
BOM(Browser Object Model : 브라우저 객체 모델)
- 자바스크립트가 브라우저와 소통하기 위해서 만들어진 모델임.
- BOM 객체의 최상위 내장 객체는 window 객체임.
* window 객체의 주요 함수
- open()
==> 새로운 창을 띄우고자 할 때 사용하는 함수.
- alert()
==> 알림/경고 창을 띄울 때 사용하는 함수.
- prompt()
==> 질의 창을 띄울 때 사용하는 함수.
- confirm()
==> 확인/취소 창을 띄울 때 사용하는 함수.
- moveTo()
==> 창의 위치를 이동시킬 때 사용하는 함수.
- resizeTo()
==> 창의 크기를 변경시킬 때 사용하는 함수.
- setInterval()
==> 일정 간격으로 지속적으로 실행문을 실행
시킬 때 사용하는 함수.
- setTimeout()
==> 일정 간격으로 한 번만 실행문을 실행시킬
때 사용하는 함수.
* screen 객체
==> 사용자의 모니터 정보(속성)를 제공해 주는 객체.
screen 객체의 주요 속성
- screen.width
==> 화면의 너비값을 반환하는 속성.
- screen.height
==> 화면의 높이값을 반환하는 속성.
- screen.availWidth
==> 작업표시줄을 제외한 화면의 너비값을 반환하는 속성.
- screen.availHeight
==> 작업표시줄을 제외한 화면의 높이값을 반환하는 속성.
- screen.colorDepth
==> 사용자 모니터가 표현 가능한 컬러 bit를
반환하는 속성.
*/
document.write(`화면 너비 >>> ${screen.width} <br>`);
document.write(`화면 높이 >>> ${screen.height} <br>`);
document.write
(`작업 표시줄을 제외한 화면 너비 >>> ${screen.availWidth} <br>`);
document.write
(`작업 표시줄을 제외한 화면 높이 >>> ${screen.availHeight} <br>`);
document.write(`표현 가능한 컬러 >>> ${screen.colorDepth} <br>`);
</script>
</head>
<body>
</body>
</html>
'JavaScript > 기초 내용 정리' 카테고리의 다른 글
| JavaScript(BOM)_03 (0) | 2024.10.15 |
|---|---|
| JavaScript(BOM)_02 (0) | 2024.10.15 |
| JavaScript(Object)_02 (0) | 2024.10.15 |
| JavaScript(Object)_01 (0) | 2024.10.15 |
| JavaScript(Function)_Exam_01 (0) | 2024.10.14 |