본문으로 건너뛰기
실습하기

윈도우 - window.location

window.location 객체로 현재 브라우저 창의 URL 정보를 알아내고, 웹 페이지를 새로운 URL로 이동할 수 있습니다.


주요 속성과 메서드

  1. location.href: 현재 페이지의 전체 URL을 가져오거나 설정합니다. (예: https://www.example.com/path?name=value)

  2. location.protocol: 현재 URL의 프로토콜을 나타냅니다. (예: http: 또는 https:)

  3. location.hostname: 현재 URL의 도메인 이름을 뜻합니다. (예: www.example.com)

  4. location.pathname: 현재 URL의 경로 부분을 나타냅니다. (예: /path)

  5. location.search: URL의 쿼리 문자열(? 뒷부분)을 뜻합니다. 쿼리 문자열은 검색어나 데이터를 전달할 때 사용합니다. (예: ?name=value)

  6. location.reload(): 현재 페이지를 새로고침하는 메서드입니다.


코드 예시

  1. 현재 페이지의 URL 확인하기
JavaScript
console.log(window.location.href);
// 예: "https://www.example.com/path?name=value"

  1. 새로운 페이지로 이동(리디렉션)하기
JavaScript
window.location.href = 'https://www.newwebsite.com';

  1. 도메인 이름 확인하기
JavaScript
console.log(window.location.hostname);
// 예: "www.example.com"

  1. 현재 페이지 새로고침하기
JavaScript
window.location.reload();

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!