window 객체, window 객체의 프로퍼티와 메소드 // 수정해야됨 p 438

1. 브라우저 관련 객체 개요

BOM(Browser Object Model) 이란

DOM 객체들은 HTML 페이지의 각 HTML 태그들을 객체화한 것으로 자바스크립트 코드로 화면에 출력된 HTML 태그의 콘텐츠나 모양을 변경하기 위해 설계되었다.

BOM은 윈도우, ㅇ

2. window 객체

* window 객체의 생성

- window 객체는 열려 있는 브라우저 윈도우나 탭 윈도우를 나타내는 객체로, 윈도우마다 하나의 window 객체가 생성된다.

window 객체가 생성되는 경우는 다음 3가지이다.

1. 브라우저가 새로운 웹 페이지를 로드할 때 window 객체 자동 생성

2. <ifame> 태그 당 하나의 window 객체 자동 생성

3. 개발자가 다음 자바스크립트 코드로 임의의 window 객체 생성

ex) window.open("웹페이지 URL", "윈도우이름", "윈도우속성")

window.open()이 실행되면 새 윈도우(혹은 탭 윈도우)가 열리고 웹 페이지가 출력된다.

* window 객체의 프로퍼티와 메소드

* window 객체의 프로퍼티와 컬렉션, 메소드

프로퍼티/컬레션

window // 현재 윈도우 객체에 대한 레퍼런스

self // 현재 윈도우 객체에 대한 레퍼런스

document // 윈도우에 담긴 document 객체에 대한 레퍼런스

name // 윈도우 이름 문자열

location // location 객체에 대한 레퍼런스

history // history 객체에 대한 레퍼런스

locationbar // 위치바 객체에 대한 레퍼런스

menubar // 메뉴바 객체에 대한 레퍼런스

personalbar // 북마크 툴바 등 사용자 개인의 취향에 따라 기능을 두는 바

scrollbats // 스크롤바 객체에 대한 레퍼런스

toolbar // 툴바 객체에 대한 레퍼런스

status // 상태바에 출력한(출력되는) 문자열. 보안의 이유로 대부분의 브라우저에서 이를 허용하도록 셋팅을 해야 문자열 변경 가능

closed // 현재 창이 닫혀 보이지 않는 상태이면 true

frames // 윈도우에 존재하는 iframe 객체에 대한 컬렉션

length // 윈도우에 존재하는 iframe의 개수

top // 윈도우 계층 구조에서 최상위 윈도우 객체에 대한 레퍼런스

parent // 현재 윈도우의 부모 윈도우 객체에 대한 레퍼런스

navigator // navigator 객체에 대한 레퍼런스

localStorage // 로컬 스토리지 객체에 대한 레퍼런스

sessionStrorage // 세션 스토리지 객체에 대한 레퍼런스

innerWidth // 수직 스크롤바를 포함하여 브라우저 내에 HTML 문서가 출력되는 영역의 폭

innerHeight // 수평 스크롤바를 포함하여 브라우저 내에 HTML 문서가 출력되는 영역의 높이

outerWidth // 윈도우 전체의 폭

outerHeight // 윈도우 전체의 높이

screenX  // 스크린 상의 윈도우 x좌표

screenY // 스크린 상의 윈도우 y좌표

pageXOffset // scrollX와 동일하며 현재 문서의 스크롤 x값

pageYOffset // scrollY와 동일하며 현재 문서의 스크롤 y값

scrollX // pageXOffset과 동일하며 현재 문서의 스크롤 x값

scrollY // pageYOffset과 동일하며 현재 문서의 스크롤 y값

메소드

open() // 새 윈도우를 연다

close() // 윈도우를 닫는다

focus() // 윈도우에 포커스를 주어 키보드 입력을 받을 수 있는 상태로 만든다

blur() // 현재 윈도우는 포커스를 잃는다

getSelection() // 윈도우 내에 선택된 텍스트를 문자열로 리턴한다

stop() // HTML 페이지 로딩을 중단시킨다. 브라우저의 STOP 버튼을 누른 것과 동일하다

alert() // 경고 다이얼로그를 출력한다

confirm() // 확인 다이얼로그를 출력한다

prompt() // 프롬프트(입력) 다이얼로그를 출력한다

print() // 현재 페이지를 출력하기 위해 프린트 다이얼로그를 출력한다

postMessage() // 다른 윈도우나 워커 태스크로 문자열 데이터를 보낸다

setInterval() // 타임아웃 코드가 반복 호출되도록 타이머를 가동시킨다

clearInterval() // setInterval()로 가동 중인 타이머를 중단시킨다.

moveBy() // 지정된 픽셀만큼 윈도우를 이동시킨다

moveTo() // 지정된 위치로 윈도우를 이동시킨다

resizeBy() // 지정된 크기만큼 윈도우의 크기를 조절한다

resizeTo() // 지정된 크기로 윈도우의 크기를 조절한다

scrollBy() // 주어진 픽셀만큼 상하좌우 스크롤한다

scrollTo() // 특정한 좌표로 스크롤한다