제이어스크립트 윈도우 라우팅

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

Window Location

window.location 객체는 window 접두사 없이 쓸 수 있습니다.

몇 가지 예제:

  • window.location.href 현재 페이지의 href (URL)을 반환합니다
  • window.location.hostname 웹 호스트의 도메인을 반환합니다
  • window.location.pathname 현재 페이지의 경로 또는 파일 이름을 반환합니다
  • window.location.protocol 사용하는 웹 프로토콜을 반환합니다 (http: 또는 https:)
  • window.location.assign 새 문서를 로드합니다

Window Location Href

window.location.href 속성은 현재 페이지의 URL을 반환합니다。

예제

현재 페이지의 href (URL)을 표시합니다：

document.getElementById("demo").innerHTML = "페이지 위치는 " + window.location.href;

결과는:

페이지 위치는 http://www.codew3c.com/js/js_window_location.asp입니다

직접 시도해보세요

Window Location 호스트 이름

window.location.hostname 속성은 (현재 페이지의) 인터넷 호스트 이름을 반환합니다。

예제

호스트 이름을 표시합니다：

document.getElementById("demo").innerHTML = "페이지 호스트 이름은 " + window.location.hostname;

결과는:

페이지 호스트 이름은 www.codew3c.com입니다

직접 시도해보세요

Window Location 경로명

window.location.pathname 속성은 현재 페이지의 경로명을 반환합니다。

예제

현재 URL의 경로명을 표시합니다：

document.getElementById("demo").innerHTML = "페이지 경로는 " + window.location.pathname;

결과는:

페이지 경로는 /js/js_window_location.asp입니다

직접 시도해보세요

Window Location 프로토콜

window.location.protocol 속성은 페이지의 웹 프로토콜을 반환합니다。

예제

웹 프로토콜을 표시합니다：

document.getElementById("demo").innerHTML = "페이지 프로토콜은 " + window.location.protocol;

결과는:

페이지 프로토콜은 http:입니다:

직접 시도해보세요

Window Location 포트

window.location.port 속성은 (현재 페이지의) 인터넷 호스트 포트 번호를 반환합니다.

예제

호스트의 포트 번호를 표시:

document.getElementById("demo").innerHTML = "포트 번호는: " + window.location.port;

직접 시도해보세요

대부분의 브라우저는 기본 포트 번호를 표시하지 않습니다. (http는 80, https는 443입니다.)

Window Location Assign

window.location.assign() 새 문서를 로드하는 메서드.

예제

새 문서 로드:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="새 문서 로드" onclick="newDoc()">
</body>
</html>

직접 시도해보세요