Javascript - BOM - location 객체

window.location

window 접두어는 생략해도 된다.

window.location을 이용하여 현재 페이지 주소(URL)를 가져오고 브라우저를 새 페이지로 리디렉션할 수 있다.

현재 페이지의 href(URL)를 반환한다.

HTML

<p id="href"></p>

Javascript

document.getElementById("href").innerHTML = 
"이 페이지의 전체 주소는 " + window.location.href + "입니다.";

기본 예시

웹 호스트의 도메인 이름을 반환한다.

HTML

<p id="hostname"></p>

Javascript

document.getElementById("hostname").innerHTML = 
"이 페이지의 도메인 이름은 " + window.location.hostname + "입니다.";

기본 예시

현재 페이지의 경로와 파일 이름을 반환한다.

HTML

<p id="pathname"></p>

Javascript

document.getElementById("pathname").innerHTML =
"이 페이지의 URL 경로 이름은 " + window.location.pathname + "입니다.";

기본 예시

사용 된 웹 프로토콜 (http 또는 https)을 반환한다.

기본 포트 번호(http의 경우 80, https의 경우 443)를 표시하지 않는다.

HTML

<p id="port"></p>

Javascript

document.getElementById("port").innerHTML = 
"이 페이지의 포트 번호는 " + window.location.port + " 입니다.";

기본 예시

페이지를 이동한다.

HTML

<input type="button" value="홈으로 가기" onclick="newDoc()">

Javascript

function newDoc() {
window.location.assign("https://maz.kr");

기본 예시

W3C School - JavaScript Window

W3C School - JavaScript Window Location