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
        1. => location의 hrefκ°€ ~~~.com/?λ¬Έμžμ—΄ 일 λ•Œ, ?λ¬Έμžμ—΄μ„ λ°˜ν™˜ν•œλ‹€
          • ?a=b 같은 꼴이닀 (queryString)
          • &둜 μ—¬λŸ¬κ°œ λ‘˜ 수 μžˆλ‹€
          • new URLSearchParams(queryString) λ₯Ό μ‚¬μš©ν•˜λ©΄ μ’Œν•­λ“€μ„ 얻을 수 있고,
            • μ΄κ²ƒμ˜ .get(a)ν•˜λ©΄ bλ₯Ό 얻을 수 μžˆλ‹€.
               
[λ©”μ„œλ“œ]
  • confirm()
    • notion image
    • window.confirm(message);
    • 확인과 μ·¨μ†Œ 두 λ²„νŠΌμ„ κ°€μ§€λ©° λ©”μ‹œμ§€λ₯Ό μ§€μ •ν•  수 μžˆλŠ” λͺ¨λ‹¬ λŒ€ν™” μƒμžλ₯Ό 띄움
    • λ°˜ν™˜ κ°’ : μ‚¬μš©μžκ°€ μ„ νƒν•œ κ°’, 확인: true / μ·¨μ†Œ: false
    • μ‚¬μš©μžλŠ” λŒ€ν™” μƒμžκ°€ λ‹«νž λ•ŒκΉŒμ§€ λ‹€λ₯Έ λͺ¨λ“  μΈν„°νŽ˜μ΄μŠ€μ— μ ‘κ·Όν•  수 μ—†μŒ