JS 고급-(13) BOM

김수민·2022년 12월 14일
0

JavaScript

목록 보기
24/27

Browser Object Model

브라우저 객체 모델

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


history

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

history.length
// 👉 방문한 사이트의 갯수 (방문 기록에 저장된 목록)
history.back()
// 👉 이전에 방문한 페이지로 이동
histroy.forward()
// 👉 다음 방문한 페이지로 이동
history.go(-n)
// 👉 n단계 이전 페이지로 이동

location

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

location.href
//👉 내가 보고 있는 페이지의 주소 값을 출력한다.	
location.replace("https://www.naver.com/")
//👉 지정한 https://www.naver.com/ 사이트로 이동한다.

도메인이 http://www.example.com:8080/search?q=devmo#test 일 때,
location.host 👉 www.example.com:8080
location.hostname 👉 www.example.com
location.pathname 👉 /search
location.port 👉 8080
location.protocal 👉 http:
location.search 👉 ?q= devmo
location.hash 👉 #test

location.reload()

현재 페이지 새로고침
location.reload("url") 👉 새로운 주소로 이동
location.assign(url) 또한 새로운 주소로 이동된다.
location="url"로 현재 주소를 지정할 수도 있다.


XMLHttpRequest

XMLHttpRequest

profile
sumin0gig

0개의 댓글