뮁이의 개발새발

[Javascript] Web Browser, Window 객체 본문

Front-end/Javascript

[Javascript] Web Browser, Window 객체

뮁뮁이 2021. 9. 6. 00:13

[window]

- javascript의 최상위 전역객체

- 브라우저와 관련된 여러 객체와 속성, 함수 모두 포함.

- BOM(Browser Object Model)으로 불리기도 함.

브라우저 내장 객체

 

[alert, confirm, prompt]

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

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

- prompt(): 브라우저의 입력 창.

 

[navigator]

- 브라우저의 정보(플랫폼, 버전 등등..)가 내장된 객체

- HTML5에서는 위치 정보를 알려주는 역할도 가능

 

[location, history]

- location.href: 값을 할당하지 않으면 현재 url을 조회하고 값을 할당하면 할당 된 url 페이지로 이동

- location.reload(): 현재 페이지 새로고침

- history.back() / history.forward(): 브라우저의 뒤/앞으로 가기

 

[새 창 열기 / 닫기]

열기: window.open('페이지 url', '창이름', '특성', 히스토리 대체여부);

닫기: window.close();

 

[부모 창 컨트롤]

- opener 속성을 이용하면 부모창(새 창을 연 창) 컨트롤 가능.

 

[주요 window 객체 property]

- self: 현재 창 자신

- document: html문서와 관련된 객체

 

[주요 window 객체 함수]

- setTimeout(): 지정한 밀리초 시간이 흐른 후 함수 호출.

- setInterval(): 지정한 밀리초 주기마다 함수를 반복적으로 호출.

- clearInterval() : setInterval 함수 정지

- eval(): 문자열을 javascript 코드로 변환하여 실행.

 

 

Comments