HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
💌
JJong’s Archive/
🌞
JS/
Window

Window

Status
Done
Tags
window
DOM
날짜
Oct 25, 2023 03:03 AM
  • document 속성이 불러온 DOM 문서를 담은 창을 나타냄
  • JavaScript 코드에서 전역 변수 window로 현재 스크립트가 작동 중인 창을 접근할 수 있음
  • 다양한 함수, 이름공간, 객체, 생성자가 머무는 장소
  • 각각의 탭이 각각의 Window 객체이다.
 
[속성]
  • location
    • 객체가 연결된 장소(URL)를 표현하는 인터페이스
    • window가 location을 가지고 있음(window.location)
      • <속성>
      1. href : 온전한 url 값. 바뀔 경우 새로운 페이지로 이동
      1. host(= 도메인+포트)
      1. hostname(=도메인)
      1. port
      1. pathname(= ’/’ 뒤 경로)
      1. origin (=pathname 전까지 주소)
      1. search
          2. => location의 href가 ~~~.com/?문자열 일 때, ?문자열을 반환한다
          • ?a=b 같은 꼴이다 (queryString)
          • &로 여러개 둘 수 있다
          • new URLSearchParams(queryString) 를 사용하면 좌항들을 얻을 수 있고,
              • 이것의 .get(a)하면 b를 얻을 수 있다.
               
[메서드]
  • confirm()
      • notion image
    • window.confirm(message);
    • 확인과 취소 두 버튼을 가지며 메시지를 지정할 수 있는 모달 대화 상자를 띄움
    • 반환 값 : 사용자가 선택한 값, 확인: true / 취소: false
    • 사용자는 대화 상자가 닫힐 때까지 다른 모든 인터페이스에 접근할 수 없음