자바스크립트 창 위치
window.location개체를 사용하여 현재 페이지 주소(URL)를 가져오고 브라우저를 새 페이지로 리디렉션할 수 있습니다 .
창 위치
창 window.location접두사 없이 개체를 작성할 수 있습니다.
몇 가지 예:
window.location.href현재 페이지의 href(URL)를 반환합니다.window.location.hostname웹 호스트의 도메인 이름을 반환합니다.window.location.pathname현재 페이지의 경로와 파일 이름을 반환합니다.window.location.protocol사용된 웹 프로토콜을 반환합니다(http: 또는 https:).window.location.assign()새 문서를 로드
창 위치 Href
속성 은 window.location.href현재 페이지의 URL을 반환합니다.
예시
현재 페이지의 href(URL) 표시:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
결과는 다음과 같습니다.
Page location is https://ko.pictoshow.com/js/js_window_location.asp
창 위치 호스트 이름
속성 은 window.location.hostname(현재 페이지의) 인터넷 호스트 이름을 반환합니다.
예시
호스트 이름 표시:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
결과는 다음과 같습니다.
Page hostname is ko.pictoshow.com
창 위치 경로 이름
속성 은 window.location.pathname현재 페이지의 경로 이름을 반환합니다.
예시
현재 URL의 경로 이름 표시:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
결과는 다음과 같습니다.
Page path is /js/js_window_location.asp
창 위치 프로토콜
속성 은 window.location.protocol페이지의 웹 프로토콜을 반환합니다.
예시
웹 프로토콜 표시:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
결과는 다음과 같습니다.
Page protocol is https:
창 위치 포트
속성 은 window.location.port(현재 페이지의) 인터넷 호스트 포트 번호를 반환합니다.
예시
호스트 이름 표시:
document.getElementById("demo").innerHTML =
"Port
number is " + window.location.port;
결과는 다음과 같습니다.
Port number is
대부분의 브라우저는 기본 포트 번호를 표시하지 않습니다(http의 경우 80, https의 경우 443).
창 위치 지정
이 window.location.assign()메서드는 새 문서를 로드합니다.
예시
새 문서 로드:
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://www.w3schools.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>