window.location 으로 접속 url 정보 가져오기

개발할 때 프로토콜에 맞춰서 도메인 정보를 가져올 때가 있는데 window.location.origin 을 사용하면 된다. 하지만 ie 지원이 어디까지 개발할 것이냐 또는 다른 브라우저에서 지원을 어디까지 제공할 것이냐에 따라 사용을 못할 수 있다.

그래서 아래처럼 사용한다.

window.location.protocol + '//' + window.location.hostname
// 결과 : http://naminsik.com

이렇게 하면 http나 https 에 따라 http: 또는 https: 로 값을 받고 거기에 hostname을 넣어 현재 접속한 url의 프로토콜과 도메인을 받아올 수 있다.


그러나 포트 번호를 사용하는 도메인이라면 hostname 아닌 host를 써야 포트 번호까지 받을 수 있다.

window.location.protocol + '//' + window.location.host
//결과 : http://naminsik.com:3030

추가로 아래와 같은 것들의 정보를 받을 수 있다.

//경로와 파일명 받기
window.location.pathname;
//ex) http://naminsik.com/path1/path2.html 
// 결과 : path1/path2.html

//주소 파라미터 받기
window.location.search;
//ex) http://naminsik.com/path1?s=test&y=test2 
//결과 : ?s=test&y=test2

TOP