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

창 개체

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

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

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

windows 개체 속성

windows 개체 메서드

다른 실행 환경에는 서로 다른 "최상위 개체"가 있으며, 브라우저 환경에서는 최상위 개체가 창 개체입니다. 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를 반환합니다.