[javaScript] URL정보 (window.location)

테스트 환경에서 localhost라고 host명을 고정해서 테스트하는 경우가 있습니다.
운영환경의 호스트명은 다르므로 운영환경에 맞게 호스트명을 자동으로 변경하고 싶은 경우가 있습니다.
(물론 html파일이니까 리플레이스를 통해서 치환하면됩니다.)

여기서 사용할 수 있는 순수 자바스크립트는 다음과 같은 것이 있습니다.
예) http://192.168.0.94:85/hoops_web_viewer_sample.html?viewer=csr&instance=moto
예와 같이 URL이 있다고 할 때, 구글 크롬의 개발자 도구의 콘솔에 window.location을 조회해 보면 다음과 같은 내용을 확인할 수 있습니다. 참고로 window는 최상위 엘리먼트이므로 location으로 조회를 해도 같은 결과가 나옵니다.

현재 페이지에서 개발도 도구를 켜서
window.location 해보았습니다.
티스토리의 경우, ip나 port번호가 변환되어 나타납니다.

실제 아이피나 포트번호가 URL에 담긴 경우 아래 처럼 출력됩니다.

javascript	결과
window.location	Object ( typeof location의 결과)
window.location.href	http://192.168.0.94:85/hoops_web_viewer_sample.html?viewer=csr&instance=moto
window.location.host	192.168.0.94:85 (포트 번호까지 취득)
window.location.hostname	192.168.0.94
window.location.port	85
window.location.pathname	/hoops_web_viewer_sample.html
window.location.protocol	http:
window.location.origin	http://192.168.0.94:85
window.location.search	?viewer=csr&instance=moto

개발시, URL이 바뀌는 환경이라면 변수를 만들어서 사용 가능합니다.