BOM : Location 객체

Location 객체

* 문서의 주소와 관련된 객체로, 현재 브라우저 창에 열려있는 URL을 알려주거나

  문서의 URL을 변경하거나 문서의 위치와 관련한 다양한 정보를 얻을 수 있다.

 1. 현재 문서의 URL 알아내기

alert(location.toString());    
alert(location.href);    //선호
console.log(location.toString(), location.href);

 2. URL Parsing

 

console.log(location.protocol, location.host, location.port, location.pathname, location.search, location.hash);

* protocol : 현재 문서의 프로토콜을 알려줌 

* host    :    각 서비스를 받는 컴퓨터를 식별하는 주소를 알려줌

* port    :    아무것도 출력이 되지 않으면 80 PORT. 컴퓨터에서 동작하는 여러 서버 소프트웨어를 식별하는 번호 

* pathname : 웹 서버가 가지고 있는 구체적인 정보를 요청

* search    :   접속하는 사이트에서 url의 ?뒤에 전송하는 정보를 표시 

* hash      :    문서안에 특정한 위치를 식별하는 식별자

http://naver.com:80/index.html?id=hong#hash

  3. URL 변경

location.href = 'http://hong.net';  //현재 문서를 http://hong.net으로 이동한다.
location = 'http://hong.net';       //위와 같음
location.reload();                     //문서 리로드