[JavaScript] window 객체

1. window 객체

- 웹 브라우저의 창(window)을 나타내는 객체로, 대부분의 웹 브라우저에서 지원

- 자바스크립트의 모든 객체, 전역함수, 전역변수들을 자동으로 window객체의 프로퍼티가 되고 window 객체의 메소드는 전역함수, window 객체의 프로퍼티는 전역변수가 됨 --> windows는 생략 가능

2. window.onload

- on : ~할 때, onload(어떤 문서가 로딩될 때)

 

window.onload = function() {
       문서가 로딩된 이후에 호출할 문장
}

- 스크립트 언어는 위에서 아래로 해석되기 때문에 DOM에서 HTML 요소를 추출할 때 body보다 위에 있다면 해석 순서에서 문제가 생길 수 있음

- 이 경우 자바 스클비트 문서를 밑으로 옮겨야 하는데, html 문서가 길어지면 가독성도 좋지 않고 불편함

- 따라서 문서가 다 준비된 상황 이후에 발동하게끔 하는 역할을 함

- 문서가 다 로딩된 다음 실행

3. window.open()

- 새로운 브라우저 창을 열 수 있으며, 그 창의 세부적인 옵션들도 설정할 수 있음

 

window.open(url, name, specs, replace);

url : 열어줄 주소

name : 열리는 창의 이름

      _blank : 새창에서 열림

      _child : 자식 프레임

      _parent : 부모 프레임

      _self : 현재 창에서 열림

specs : 선택적인 값으로 창의 크기, 스크롤 여부, 리사이즈 여부 등등을 지정

replace : 히스토리 목록에 새 항목을 만들지, 현재 항목을 대체할 지 지정(웬만해서는 true)

4. 예시

5. window.setTimeout(), window.setInterval()

• window.setTimeout()
  window.setTimeout(함수, 밀리초)
  - 해당 밀리초 이후에 넘겨주는 함수 호출
  - window.setTimeout() 자체가 객체이기 때문에 변수에 넣어서 사용 가능
  
  clearTimeout(객체 또는 변수) : window.setTimeout() 취소
  - 어떤 버튼을 눌렀을 때 취소를 하는 기능을 만들수 있음
• window.setInterval()
  window.setInterval(함수, 밀리초)
  - 해당 밀리초 마다 함수 실행
  - window.setInterval() 자체가 객체이기 때문에 변수에 넣어서 사용 가능
  
  clearInterval(객체 또는 변수) : window.setInterval() 취소
  - 어떤 버튼을 눌렀을 때 취소를 하는 기능을 만들수 있음