학습 자료
브라우저 윈도우(Window) 객체
웹 브라우저의 창 또는 탭을 대표하는 Window 객체는 웹 페이지의 가장 상위에 있는 객체이며, 웹 페이지와 상호 작용하는 데 필요한 여러 기능을 제공합니다.
Window 객체는 웹 브라우저의 창을 의미하며, 여러 내장 객체와 함수, 변수 등을 포함하고 있습니다.
웹 페이지의 문서를 의미하는 document 객체도 Window 객체의 속성 중 하나입니다.
window 주요 메서드
alert(): 경고 메시지를 표시하는 대화상자를 띄웁니다.
alert 메서드
window.alert('안녕하세요!'); // "안녕하세요!"라는 경고 메시지가 뜨게 됩니다.
prompt(): 사용자에게 텍스트 입력을 요청하는 대화상자를 띄웁니다.
prompt 메서드
let name = window.prompt('이름을 입력해주세요.'); // 사용자가 입력한 이름이 name 변수에 저장됩니다.
setTimeout(): 지정된 시간이 경과한 후에 함수를 실행합니다.
setTimeout 메서드
window.setTimeout(() => { alert('2초가 지났어요!'); }, 2000); // 2초 후에 "5초가 지났어요!"라는 경고 메시지가 뜨게 됩니다.
location: 현재 창의 URL에 관한 정보와 메서드를 포함한 객체입니다.
location 객체
console.log(window.location.href); // 현재 페이지의 URL을 출력합니다.
주의할 점
Window 객체의 메서드나 속성을 사용할 때, 대부분의 경우 window. 접두어를 생략할 수 있습니다. 예를 들어 alert("안녕하세요!")와 같이 짧게 표현할 수 있습니다.
이 챕터의 강의 · 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
다음 중 빈칸에 들어갈 가장 적절한 것은 무엇일까요?
사용자가 텍스트를 입력하도록 요청하는 메서드는 입니다.
alert()
prompt()
setTimeout()
location
학습 자료
AI 튜터
디자인
업로드
수업 노트
즐겨찾기
도움말