- 웹 브라우저의 구성 요소들은 하나하나가 객체화되어 있음
- 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어할 수 있게 됨
- 이 객체들은 서로 계층적인 관계로 구조화할 수 있음
- BOM과 DOM은 이 구조를 구성하고 있는 가장 큰 틀의 분류라고 할 수 있음
- window 객체
- window 객체는 DOM을 포함한 브라우저의 창을 나타냄
- 자바스크립트 모든 객체, 전역 변수, 전역 함수들은 자동으로 window 객체의 프로퍼티가 됨
- BOM : browser object model
- DOM : document objec model
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>window 객체</h1>
<h3>open 메서드 확인</h3>
<div>
<a href="#" onclick="open1(); return false;">새 창 열기</a>
</div>
<div>
<a href="#" onclick="open2(); return false;">팝업 창 열기</a>
</div>
<script>
function open1() {
window.open('open.html');
}
function open2() {
window.open('open.html', '', 'width=300, height=500, scrollbars=no');
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>새로 열린 창</h1>
<div>
<a href="#" onclick="window.close(); return false;">창 닫기</a>
</div>
</body>
</html>
