[javascript]BOM(Browser Object Model)

 

1. navigator

▶ 사용자의 브라우져와 운영체제 정보를 제공하는 객체

 

종류	설명
navigator.appCodeName	방문자 브라우져 코드명을 반환
navigator.appName	방문자의 브라우져 이름을 반환
navigator.appVersion	방문자의 브라우져 버전 정보를 반환
navigator.language	방문자의 브라우져 사용언어를 반환
navigator.userAgent	방문자의 브라우져와 운영체제 종합 정보를 제공
navigator.platform	방문자의 브라우져를 실행하는 운영체제를 반환
navigator.product	방문자의 브라우져 사용 엔진 이름 반환

 

---

2. history 

▶ 사용자가 방문한 사이트와 다음 방문한 사이트로 다시 돌아 갈 수 있는 속성과 메소드를 제공

 

종류	설명
history.length	방문기록에 저장된 목록의 갯수를 반환
history.back()	이전 방문한 페이지로 이동
history.forward()	다음 방문한 페이지로 이동
history.go(-2)	2단계 이전페이지로 이동

 

---

 

3. location 

▶ 브라우져 주소창에 url에 대한 정보와 새로고침 기능을 제공 

 

예시 주소)

◎ 도메인) http://www.example.com:8080/search?q=devmo#test        

 

종류	설명
location.host	url의 도메인과 포트 반환  ☞ www.example.com:8080
location.hostname	url의 도메인을 반환  ☞ www.example.com
location.href	url을 반환  ☞http://www.example.com:8080/search?q=devmo#test
location.pathname	url경로 반환 /search
location.port	포트반환 8080
location.protocal	프로토콜 반환 http:
location.search	url에 붙은 매개변수 반환(?뒤의값)?q=devmo
location.hash	주소 값에 붙어있는 anchor값 반환#test
location.reload()	현재 페이지 새로고침
location.replace("url")	새로운 주소로 이동 (ex. 콘솔창에 location.replace(url("naver.com"))치면 네이버 사이트 이동)

 

 

*새로운 페이지 이동하기

• location.assign(url("naver.com"))
• location.replace(url("naver.com"))
• window.location = url("naver.com")

ex)  2초뒤에 사이트 이동

setTimeout(function(){
    location.assign(url("naver.com"))
}, 2000)