BOM

𝐝𝐚𝐭𝐚𝐛𝐚𝐬𝐞
/
front 관련 지식 database
/프론트엔드 날개달기: Vuejs, React 배우기 전에 꼭 알아야하는 지식
/
BOM
Search
Share
BOM
태그
Select
섹션0
Browser Object Model
브라우저를 제어하기 위한 인터페이스
브라우저 객체
•
window
◦
모든 객체가 소속된 객체이며 브라우저 창을 의미합니다.
◦
window.open(’url’) : 창 열기
◦
window.close(’url’) : 창 닫기
◦
window.alert(’경고내용’) : 알람
◦
window 생략 가능
•
document
◦
현재문서에 대한 정보를 갖고 있는 객체입니다.
•
history
◦
현재의 브라우저가 접근했던 URL history 를 제어할 수 있습니다.
◦
history.back() : 뒤로 가기
◦
history.forward() : 앞으로 가기
•
location
◦
문서의 주소와 관련된 객체로 window 객체의 property 인 동시에 document 의 property 입니다. 이 객체를 이용하여 윈도우의 문서 URL 을 변경할 수 있고, 문서의 위치와 관련해서 다양한 정보를 얻을 수 있습니다.
◦
location.host : 현재 주소를 얻을 수 있습니다.
◦
location.href = ‘url’ : 웹문서의 주소를 바꿀 수 있다.
•
screen
◦
사용자의 디스플레이 화면에 대한 다양한 정보를 갖고 있는 객체
◦
console.dir(screen)
 화면 만들 때 사이즈 보면 되겠군,,,
•
navigator
◦
실행중인 브라우저에 대한 정보를 알 수 있다.
◦
navigator.geolocation.getCurrentPosition()
현재 애플리케이션에 대한 위치 정보를 알 수 있습니다.
Geolocation: getCurrentPosition() method - Web APIs | MDN
The   Geolocation.getCurrentPosition() method is used to get   the current position of the device.
https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition
◦
navigator.appName : 앱 이름을 반환한다.
◦
navigator.appVersion : 앱에 대한 버전 정보를 반환한다.
◦
navigator.userAgent : 서버에 요청할 때 앱에 대한 정보이다.