BOM(Browser Object Model)
웹 브라우저의 창이나 프레임을 스크립트에서 사용할 수 있게 해주는 인터페이스이다.
BOM은 다양한 객체를 제공하며, 객체를 통해 브라우저 창과 상호작용하거나 웹 페이지의 일부가 아닌 브라우저 설정을 조작할 수 있다.
BOM 주요 객체들
Window
모든 BOM 구성 요소에 대한 기본 객체로, 웹 페이지 자체와 관련된 작업을 처리한다.
Location
현재 창의 URL 정보를 포함하고 있으며, 리다이렉션 등의 작업을 처리한다.
Navigator
브라우저와 관련된 정보를 담고 있는 객체이다.
Screen
사용자 화면의 정보(예: 해상도)를 담고 있는 객체이다.
History
브라우저 세션 내에서 사용자가 방문한 페이지 목록에 접근하는 기능을 제공한다.
BOM생성자?
웹 페이지가 로드될 때 브라우저에 의해 자동으로 생성되며, JavaScript 코드에서 직접적으로 생성자를 사용하여 새 인스턴스를 만드는 것은 지원되지 않는다.
예를 들어, window, location, history, navigator, screen 등과 같은 BOM 객체들은 브라우저에 의해 자동으로 생성되고 초기화된다.
따라서 BOM 객체들을 "내부 생성자"를 사용하여 만든다고 보기보다는, 이들이 브라우저 환경에 내장된 특별한 객체들이며 그 인스턴스가 이미 제공된 상태로 시작한다고 보는 것이 더 정확하다.
구글, 네이버를 띄우는 예제
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>test page</h1>
<script>
// 새 창 열기
var newWindow = window.open('https://www.google.com', '_blank');
// 페이지 리다이렉션하기
window.location.href = 'https://www.naver.com';
// 사용자 스크린 정보 조회하기
console.log("Screen width : " + window.screen.width);
console.log("Screen height : " + window.screen.height);
</script>
</body>
</html>
출처
MDN Web Docs - Window: https://developer.mozilla.org/en-US/docs/Web/API/Window
MDN Web Docs - Location: https://developer.mozilla.org/en-US/docs/Web/API/Location
MDN Web Docs - Navigator: https://developer.mozilla.org/en-US/docs/Web/API/Navigator
MDN Web Docs - Screen: https://developer.mozilla.org/en-US/docs/Web/API/Screen
MDN Web Docs - History: https://developer.mozilla.org/en-US/docs/Web/API/History
'JavaScript' 카테고리의 다른 글
| 웹브라우저에서 자바스크립트 실행 순서 (0) | 2023.12.05 |
|---|---|
| Jquery 선택자 (0) | 2023.11.27 |
| 제이쿼리(jQuery) (0) | 2023.11.21 |
| null, undefined 차이 (0) | 2023.10.06 |
| 프로퍼티(property) (0) | 2023.10.01 |