자바스크립트 브라우저 객체 모델(BOM) - Location 객체

자바스크립트 브라우저 객체 모델(BOM) - Location 객체

Location 객체는 문서의 주소와 관련된 객체로 Window 객체의 프로퍼티입니다.

이 객체를 이용하여 브라우저의 URL을 변경할 수 있고 위치와 관련하여 다양한 정보를 얻을 수 있습니다.

console 창에서 location을 입력하면 location객체에서 제공하는 프로퍼티와 method를 알 수 있습니다.

Location 객체의 Property

Property	Description
hash	주소값에 붙어 있는 anchor 값을 반환
host	URL의 도메인과 포트
hostname	URL의 도메인
href	URL
pathname	URL 경로
port	서버포트
protocol	프로토콜
search	URL에 붙은 매개변수 (물음표 뒤의 값들), 애플리케이션에 전달한 값을 알고 싶을 때

한 가지 예를 들어 로케이션의 property를 설명하겠습니다. 아래와 같은 주소가 있다면
http://opentutorials.org:80/module/1?id=1#hash

protocol : http

host : opentutorials.org

port : 80

pathname : /module/1

search : id=1

hash : #hash 를 의미합니다.

Location 객체의 Method

Method	Description
assign()	새로운 주소로 이동
reload()	페이지 새로 고침
replace()	새로운 주소로 이동
toString()	location.href 와 동일합니다.