[JavaScript] #07_ BOM

BOM(Browser Object Model)

navigator객체
웹 페이지를 실행하고 있는 브라우저에 대한 정보를 갖고 있는 객체

 

​screen객체
웹 브라우저 화면이 아닌 운영체제 화면(모니터)의 정보를 갖는 객체

 

​location객체
브라우저 주소 표시줄과 관련된 객체

location.href 아니면 location도 가능
location객체안의 href를 이용하여 페이지 이동

<button onclick='location.href="http://www.naver.com"'>네이버로 이동</button>
<button onclick='location="http://www.naver.com"'>네이버로 이동</button>

location.reload()
현재 위치를 유지하면서 페이지를 새로고침하는 메소드

 

assign()과 replace()
두 메소드 모두 location의 href를 재지정하는 메소드(페이지 이동)

assign()        :새로 이동.(뒤로가기 하면 진행하던 원래 페이지로 돌아감)
replace()      :현재 페이지 자체가 새로운 페이지로 바뀌는 것.(뒤로가기 하면 진행하던 페이지 이전으로 돌아감)

​

history객체
브라우저 방문기록과 관련된 객체

history.back()        :뒤로 가기
history.forward()  :앞으로 가기
history.go(숫자)    :숫자만큼 앞으로 감. 음수를 입력하면 뒤로가기.

	<button onclick='history.go(-1);'>go back</button>
	<button onclick='history.go(1);'>go forward</button>