[JavaScript] BOM,EVENT

---

1.BOM

HTML, XML 문서의 구조화된 표현을 제공하며,
프로그래밍 언어가 이 구조를 조작할 수 있도록 하는 인터페이스

 

1.BOM 객체

• window: 모든 BOM 객체의 최상위 객체
• navigator: 브라우저 정보 제공 
• location: 현재 페이지 URL 정보
• history: 브라우저의 방문 기록 관리
• screen: 사용자의 화면 정보 제공
  
  

2.주요함수

• alert(message): 경고 메시지 창 표시
• confirm(message): 확인 대화 상자 표시
• prompt(message, default): 사용자 입력 받기 대화 상자
• setTimeout(function, milliseconds): 일정 시간 후에 함수 실행
• setInterval(function, milliseconds): 일정 간격으로 함수 반복 실행
• clearTimeout(timeoutID): setTimeout 중지
• clearInterval(intervalID): setInterval 중지

 

 

 

2.EVENT

웹 페이지에서 사용자와 상호작용이 발생했을 때 실행되는 특정 동작이나 신호
element.addEventListener(event, function) 으로 추가

 

1.주요 이벤트

• click: 요소를 클릭했을 때 발생
• dblclick: 요소를 더블 클릭했을 때 발생
• mousedown / mouseup: 마우스 버튼을 눌렀을 때, 또는 뗐을 때 발생
• mouseover / mouseout: 마우스가 요소 위로 올라갔을 때, 또는 빠져나갈 때 발생
• mousemove: 마우스가 움직일 때 발생
• keydown / keyup: 키보드를 눌렀을 때, 또는 뗐을 때 발생
• submit: 폼이 제출될 때 발생
• focus / blur: 요소가 포커스를 얻었을 때, 또는 잃었을 때 발생
• change: 입력 필드의 값이 변경될 때 발생
• load: 페이지나 이미지가 로드 완료되었을 때 발생
• resize: 윈도우 크기가 변경될 때 발생
• scroll: 사용자가 스크롤할 때 발생
• unload: 페이지를 떠날 때 발생