여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. Javascript - BOM - location 객체
Javascript – BOM – location 객체
3년전 작성
2년전 수정

window.location

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

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

window.location.href

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

HTML
<p id="href"></p>
Javascript
document.getElementById("href").innerHTML = 
"이 페이지의 전체 주소는 " + window.location.href + "입니다.";
기본 예시

window.location.hostname

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

HTML
<p id="hostname"></p>
Javascript
document.getElementById("hostname").innerHTML = 
"이 페이지의 도메인 이름은 " + window.location.hostname + "입니다.";
기본 예시

window.location.pathname

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

HTML
<p id="pathname"></p>
Javascript
document.getElementById("pathname").innerHTML =
"이 페이지의 URL 경로 이름은 " + window.location.pathname + "입니다.";
기본 예시

window.location.protocol

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

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

HTML
<p id="port"></p>
Javascript
document.getElementById("port").innerHTML = 
"이 페이지의 포트 번호는 " + window.location.port + " 입니다.";
기본 예시

window.location.assign()

페이지를 이동한다.

HTML
<input type="button" value="홈으로 가기" onclick="newDoc()">
Javascript
function newDoc() {
window.location.assign("https://maz.kr");

기본 예시


참고

관련 포스트
Javascript - BOM - location 객체 - 현재글

Mingg`s Diary
밍구
밍구
공부 목적 블로그