학습 자료
윈도우 - window.location
window.location 객체로 현재 브라우저 창의 URL 정보를 알아내고, 웹 페이지를 새로운 URL로 이동할 수 있습니다.
주요 속성과 메서드
-
location.href: 현재 페이지의 전체 URL을 가져오거나 설정합니다. (예: https://www.example.com/path?name=value) -
location.protocol: 현재 URL의 프로토콜을 나타냅니다. (예: http: 또는 https:) -
location.hostname: 현재 URL의 도메인 이름을 뜻합니다. (예: www.example.com) -
location.pathname: 현재 URL의 경로 부분을 나타냅니다. (예: /path) -
location.search: URL의 쿼리 문자열(? 뒷부분)을 뜻합니다. 쿼리 문자열은 검색어나 데이터를 전달할 때 사용합니다. (예: ?name=value) -
location.reload(): 현재 페이지를 새로고침하는 메서드입니다.
코드 예시
- 현재 페이지의 URL 확인하기
JavaScript
console.log(window.location.href); // 예: "https://www.example.com/path?name=value"
- 새로운 페이지로 이동(리디렉션)하기
JavaScript
window.location.href = 'https://www.newwebsite.com';
- 도메인 이름 확인하기
JavaScript
console.log(window.location.hostname); // 예: "www.example.com"
- 현재 페이지 새로고침하기
JavaScript
window.location.reload();
이 챕터의 강의 · JavaScript는 브라우저에서 어떻게 작동할까?
- 1. 브라우저의 동작 원리
- 2. DOM (Document Object Model)
- 3. 브라우저 윈도우(Window) 객체
- 4. 윈도우 - window.screen
- 5. 윈도우 - window.location
- 6. HTML 요소 선택법 - 1
- 7. HTML 요소 선택법 - 2
- 8. HTML 요소 생성과 속성 설정
- 9. 이벤트(Event)
- 10. 이벤트 심화
- 11. 선택형 퀴즈
- 12. JSON(JavaScript Object Notation)
- 13. 프로미스(Promise)
- 14. Async/Await 비동기 처리
- 15. 쿠키(Cookies)
- 16. 선택형 퀴즈
- 17. JavaScript 총정리
Quiz
0 / 1
window.location 객체는 현재 페이지의 URL 정보를 조회하거나 새로운 URL로 페이지를 이동할 수 있다.
○
✕
학습 자료
AI 튜터
디자인
업로드
수업 노트
즐겨찾기
도움말