[BOM] Location 객체

1. Location 객체란?

: 현재 브라우저 창에 열려있는 문서의 url을 알려주는 객체이다.

---

2. 문서의 주소정보 알아내기

console.log(location.href);
// 현재 윈도우의 문서가 위치하는 URL을 알아내는 방법


console.log(location.protocol, location.host, location.port, location.pathname, location.search, location.hash)
//url을 필요에 따른 조각으로 나눠서 알아내는 방법

 

http://127.0.0.1:5500/Location/location.html?id=10#bookmark

 

• location.protocol: 통신규약, 사용자가 서버에 접속할 때 어떤 방식으로 통신할 지 정의 
• location.host: 인터넷에 접속되어 있는 각각의 컴퓨터를 가리키는 주소
• location.port: 포트 번호
  • 한 개의 컴퓨터엔 여러 개의 서버가 존재할 수 있다. 즉, 포트번호를 통해 어떤 서버를 이용할 지 결정한다.
  • 웹서버는 전세계적으로 80번 포트를 이용하는 것이 표준이다. 따라서 url엔 기본적으로 포트번호 80이 생략되어 있다
• location.pathname: 컴퓨터 내부에 있는 디렉토리의 파일을 가리킨다. 즉, 자원의 경로를 의미
• location.search: ?(물음표)뒤에 따라오는 정보들
• location.hash: 위치 식별자

 

 

3. 문서의 주소를 변경하기

//url 변경하는 방법1
location.href = 'http://egoing.net';
//url 변경하는 방법2
location = 'http://egoing.net';

//현재 문서의 url 리로드하는 법
location.reload();