JavaScript_javascript 기술의 Window 개체 속성 및 이벤트

창 개체

Window 개체는 브라우저에 열려 있는 창을 나타냅니다.

문서에 프레임(프레임 또는 iframe 태그)이 포함된 경우 브라우저는 HTML 문서에 대한 창 개체와 각 프레임에 대한 추가 창 개체를 만듭니다.

참고: 창 개체에 대한 공개 표준은 없지만 모든 브라우저에서 지원됩니다.

windows 개체 속성

속성	설명
폐점	창이 닫혔는지 여부를 반환합니다.
기본 상태	창 상태 표시줄의 기본 텍스트를 설정하거나 반환합니다.
문서	문서 개체에 대한 읽기 전용 참조입니다. 문서 개체 를 참조하세요.
역사	히스토리 개체에 대한 읽기 전용 참조입니다. 히스토리 개체를 매개변수로 지정하세요.
내부 높이	창의 문서 표시 영역 높이를 반환합니다.
내부폭	창의 문서 표시 영역 너비를 반환합니다.
길이	창의 프레임 수를 설정하거나 반환합니다.
위치	창이나 프레임에 대한 위치 개체입니다. 위치 개체를 참조하세요.
이름	창 이름을 설정하거나 반환합니다.
네비게이터	Navigator 개체에 대한 읽기 전용 참조입니다. Navigator 객체를 매개변수로 지정하세요.
오프너	이 창을 생성한 창에 대한 참조를 반환합니다.
외부 높이	창의 외부 높이를 반환합니다.
외부폭	창의 외부 너비를 반환합니다.
pageXOffset	창 표시 영역의 왼쪽 상단을 기준으로 현재 페이지의 X 위치를 설정하거나 반환합니다.
pageYOffset	창 표시 영역의 왼쪽 상단을 기준으로 현재 페이지의 Y 위치를 설정하거나 반환합니다.
부모	상위 창으로 돌아갑니다.
화면	Screen 개체에 대한 읽기 전용 참조입니다. 화면 개체를 매개변수로 지정하세요.
자신	현재 창에 대한 참조를 반환합니다. Window 속성과 동일합니다.
상태	창 상태 표시줄의 텍스트를 설정합니다.
상위	최상위 상위 창으로 돌아갑니다.
창문	window 속성은 창 자체에 대한 참조를 포함하는 self 속성과 동일합니다.
화면왼쪽 스크린탑 스크린X 스크린Y	정수만 읽습니다. 화면 창의 왼쪽 상단 모서리의 x 좌표와 y 좌표를 선언합니다. IE, Safari, Opera는 screenLeft와 screenTop을 지원하고, Firefox와 Safari는 screenX와 screenY를 지원합니다.

windows 개체 메서드

방법	설명
경고()	메시지와 확인 버튼이 있는 경고 상자를 표시합니다.
흐림()	최상위 창에서 키보드 포커스를 제거합니다.
clearInterval()	setInterval()에 의해 설정된 시간 초과를 취소합니다.
clearTimeout()	setTimeout() 메소드로 설정된 시간 초과를 취소합니다.
닫기()	브라우저 창을 닫으세요.
확인()	메시지와 확인 및 취소 버튼이 포함된 대화 상자를 표시합니다.
createPopup()	팝업창을 만들어보세요.
포커스()	창에 키보드 포커스를 부여합니다.
moveBy()	현재 좌표를 기준으로 지정된 픽셀만큼 창을 이동합니다.
moveTo()	창의 왼쪽 상단을 지정된 좌표로 이동합니다.
오픈()	새 브라우저 창을 열거나 이름이 지정된 창을 찾으세요.
인쇄()	현재 창의 내용을 인쇄합니다.
프롬프트()	사용자에게 입력을 요청하는 대화 상자를 표시합니다.
resizeBy()	지정된 픽셀에 따라 창 크기를 조정합니다.
resizeTo()	지정된 너비와 높이로 창 크기를 조정합니다.
scrollBy()	지정된 픽셀 값에 따라 콘텐츠를 스크롤합니다.
scrollTo()	지정된 좌표로 콘텐츠를 스크롤합니다.
setInterval()	지정된 기간(밀리초)에 함수를 호출하거나 표현식을 평가합니다.
setTimeout()	지정된 밀리초 후에 함수 또는 계산된 표현식을 호출합니다.

다른 실행 환경에는 서로 다른 "최상위 개체"가 있으며, 브라우저 환경에서는 최상위 개체가 창 개체입니다. window는 현재 브라우저 창을 나타냅니다.

예: var a = 1

window.a //1

1. 창 개체의 속성입니다.

(1) window.name 속성

window.name은 브라우저의 현재 브라우저 창 이름을 설정하는 데 사용됩니다. 특징은 브라우저를 새로 고친 후에도 이 속성이 변경되지 않은 상태로 유지된다는 것입니다.

(2) window.innerHeight 속성, window.innerWidth 속성

이 두 속성은 웹페이지의 CSS 레이아웃이 차지하는 브라우저 창의 높이와 너비를 반환합니다. 이 두 속성의 값에는 브라우저 스크롤 막대의 높이와 너비가 포함됩니다.

(3) window.pageXoffset 속성과 window.pageYoffset 속성.

window.pageXoffset은 페이지의 가로 스크롤 거리를 반환합니다. window.pageYoffset은 페이지의 수직 스크롤 거리를 반환합니다.

(4) iframe 요소

window.iframe은 배열과 유사한 객체를 반환합니다.

(5) 화면 개체

기기 정보를 표시합니다.

// 기기의 높이를 픽셀 단위로 표시
화면.높이
// 1920
// 장치의 너비를 픽셀 단위로 표시합니다
화면.폭
// 1080

2. 창 개체의 이벤트입니다.

(1) 오류 발생 이벤트.

oonerror 이벤트는 웹페이지에서 Javascript 오류를 잡아내는 구식 표준 방법입니다.

(2) 경고(), 프롬프트(), 확인()

은 모두 브라우저가 사용자와 상호작용하는 데 사용하는 방법입니다. 다른 대화 상자가 나타납니다.

예: 경고("Hello World");

alert(); 팝업 대화 상자에는 사용자에게 특정 정보를 알리는 데 자주 사용되는 "확인" 버튼이 하나만 있습니다.

예: var result = 프롬프트('당신의 나이는 무엇입니까?', 25)

prompt(); 팝업 대화 상자에는 사용자가 정보를 입력해야 하는 입력 상자가 있으며 "확인"과 "취소"라는 두 개의 버튼이 있습니다. 이 방법은 사용자가 입력한 데이터를 얻는 데 자주 사용됩니다.

예: var result = verify("어떻게 지내세요?");

confirm(); 확인 메서드는 부울 값을 반환합니다. 사용자가 "확인"을 클릭하면 true를 반환하고, "취소"를 클릭하면 false를 반환합니다.