window.location 기능 (host, ip, hash...)

 window.location 객체는 JavaScript에서 현재 웹 페이지의 URL 정보와 브라우저의 네비게이션을 조작하는 데 사용되는 중요한 객체입니다. 이 객체는 현재 페이지의 URL을 읽고 변경할 수 있습니다.

 

window.location 객체는 다음과 같은 속성과 메서드를 포함하고 있습니다:

 

 

• window.location.href: 현재 페이지의 전체 URL을 나타내는 문자열을 반환합니다. 이 속성을 읽으면 현재 페이지의 URL을 얻을 수 있으며, 이 속성에 값을 할당하여 URL을 변경할 수 있습니다.

console.log(window.location.href); // 현재 페이지의 URL을 콘솔에 출력
window.location.href = 'https://www.example.com'; // 페이지를 다른 URL로 이동

 

 

• window.location.protocol: 현재 페이지의 프로토콜을 나타내는 문자열을 반환합니다. 예를 들어, "http:" 또는 "https:"가 될 수 있습니다.

console.log(window.location.protocol); // "https:" 또는 "http:" 출력

 

 

• window.location.host: 현재 페이지의 호스트(도메인과 포트)를 나타내는 문자열을 반환합니다.

console.log(window.location.host); // "www.example.com:8080"과 같이 호스트 정보 출력

 

 

• window.location.hostname: 현재 페이지의 호스트(도메인)를 나타내는 문자열을 반환합니다.

console.log(window.location.hostname); // "www.example.com"과 같이 호스트 정보 출력

 

• window.location.pathname: 현재 페이지의 경로를 나타내는 문자열을 반환합니다.

console.log(window.location.pathname); // 현재 페이지의 경로 출력

 

• window.location.search: 현재 페이지의 쿼리 문자열을 나타내는 문자열을 반환합니다.

console.log(window.location.search); // "?param1=value1&param2=value2"와 같이 쿼리 문자열 출력

 

 

 

• window.location.hash: 현재 페이지의 해시 부분을 나타내는 문자열을 반환합니다.

console.log(window.location.hash); // "#section1"과 같이 해시 부분 출력

 

• window.location.reload(): 현재 페이지를 새로고침합니다.

window.location.reload();

 

• window.location.replace(url): 현재 페이지를 다른 URL로 대체합니다. 이렇게 하면 브라우저의 기록에 새로운 페이지가 추가되지 않습니다.

window.location.replace("https://www.example.com");

 

window.location 객체를 사용하여 브라우저의 URL을 조작하고 페이지를 다시로드하거나 새로운 페이지로 이동할 수 있습니다. 이를 통해 웹 애플리케이션의 네비게이션을 프로그래밍적으로 제어할 수 있습니다.