Frontend/Javascript

[Javascript] js 내장객체, 메소드

Fenderblue 2023. 9. 18. 00:06

window 객체 - 웹 브라우저에서 작동하는 js의 최상위 전역객체.

Number, setInterval()함수 등이 여기에 포함, BOM(browser object model)로 불리기도 함.

alert():브라우저 알림창.

confirm(): 브라우저 확인/취소 선택창

prompt():브라우저 입력창

navigator: 브라우저 정보가 내장된 객체.

location: 현재 페이지 주소(url)와 관련된 정보 알수있다.

- location.href: 값 할당 안하면 현재 url조회, 할당하면 해당 url로 페이지이동.

history: 브라우저 페이지 이력 담는 객체. back(), forward() : 브라우저 뒤로/앞으로 가기

open(): 새 창 열기. 

- window.open(페이지 Url, 창이름, 특성, 히스토리 대체여부);

(창이름:_blank(새창), _self(현재페이지에서열기)등 지정)

- 특성에는 새로 열릴 창의 너비, 높이 등 속성 지정

- 히스토리 대체여부: 현재체이지 히스토리에 덮어쓸지 여부

close(): 창 닫기, js로 자체 구현한 팝업에서 사용

opener: 부모 창(새 창을 연 창을 컨트롤 가능, 부모창에 값 전달하거나 새로고침, 페이지 이동 등

ex) opener.location.reload(); ->부모창 새로고침