[Javascript] DOM과 BOM

DOM(돔) : document object model (문서 객체 모델)
+
BOM(봄) : browser object model (브라우저 객체 모델)
=웹 브라우저 창

 
*DOM 트리구조
[document]-<html>-<head>-<title>
                              -<body>-<h1>,<p>
 
*BOM(봄)은 DOM(돔)을 제외한 모든 것을 의미하며 웹브라우저의 기본 요소라고 할 수 있다.
예) 알림 창, 확인창, 주소창 등등
 

-알림 창
alert() 함수를 이용

alert("알림창"); 코드 입력 후 실행 결과

 
 
-확인창
confirm() 함수 이용

confirm("확인창"); 코드 입력 후 실행 결과

확인을 누르면 True 출력, 취소를 누르면 False 출력
 
 
-입력창
prompt() 함수 입력

prompt("입력창"); 코드 입력 후 실행 결과

 


location 객체에 담긴 정보를 추출하여 사용자가 URL을 이용할 수 있게 된다.
 
location.href = "URL"를 입력하면 해당 URL 주소로 페이지 이동한다. (리디렉션)
 
location.href = "https://www.youtube.com"; -> 유튜브로 주소 이동
 
*href란?
Hypertext REFerence라는 뜻.

'프론트엔드 > 자바스크립트' 카테고리의 다른 글

[Javascript] 이벤트  (0) 2025.04.02
[Javascript] getElementsBy__()함수  (0) 2025.04.02
[Javascript] 반복문  (0) 2025.04.02
[Javascript] 조건문 작성 및 활용  (0) 2025.04.01
[Javascript] 함수 정의와 실행  (0) 2025.04.01