JavaScript Window 브라우저 개체 모델 메서드 및 Properties_javascript 기술 요약

창 개체

창 개체는 모든 브라우저에서 지원됩니다. 브라우저 창을 나타냅니다.

모든 JavaScript 전역 개체, 함수 및 변수는 자동으로 창 개체의 구성원이 됩니다.

전역 변수는 창 개체의 속성입니다.

전역 함수는 창 개체의 메서드입니다.

1. 오픈 방식

문법 형식:
window.open(URL, 창 이름, 창 스타일)
기능: 새 창을 열고 창에 지정된 URL 주소가 있는 웹 페이지를 로드합니다.
설명:
open 메소드는 새 브라우저 창을 열고 새 창에 지정된 URL 주소를 로드하는 데 사용됩니다. open 메소드가 새 브라우저 창을 열 때 창 이름(두 번째 매개변수)을 지정할 수도 있습니다. open 메소드가 새 브라우저 창을 열 때 창 스타일(세 번째 매개변수)을 지정할 수도 있습니다.
창 스타일에는 다음과 같은 옵션이 있습니다. 여러 번 선택할 수 있는 경우에는 쉼표로 옵션을 구분하세요. 도구 모음: 창에 표준 도구 모음이 있는지 여부를 지정합니다. 이 옵션의 값이 1 또는 yes이면 표준 도구 모음이 있음을 의미하고, 이 옵션의 값이 0 또는 no이면 표준 도구 모음이 없음을 의미합니다. 위치: 창에 주소 도구 모음이 있는지 여부를 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다. 디렉터리: 창에 링크 도구 모음이 있는지 여부를 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다. 상태: 창에 상태 표시줄이 있는지 여부를 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다. menubar: 창에 메뉴가 있는지 여부를 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다. 스크롤바: 현재 창 문서가 창보다 클 때 스크롤 막대가 있는지 여부를 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다. 크기 조정 가능: 창 크기를 조정할 수 있는지 여부를 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다. width: 창 너비를 픽셀 단위로 지정하며 innerWidth
로 대체됩니다. height: 창의 높이를 픽셀 단위로 지정하며, innerHeight
로 대체됩니다. externalWidth: 창의 외부 너비를 픽셀 단위로 지정합니다.
외부 높이: 창의 외부 높이를 픽셀 단위로 지정합니다.
왼쪽: 화면 왼쪽에서 창의 위치를 ​​픽셀 단위로 지정합니다.
top: 화면 상단으로부터의 창 위치를 픽셀 단위로 지정합니다.
AlwaysLowered: 지정된 창이 모든 창 뒤에 숨겨집니다. 옵션의 값과 의미는 도구 모음과 동일합니다. AlwaysRaised: 지정된 창이 모든 창 위에 떠 있습니다. 옵션의 값과 의미는 도구 모음과 동일합니다. 종속: 열린 창이 현재 창의 하위 창이며 상위 창이 닫힐 때 닫히도록 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다. 단축키: 메뉴바 없이 새 창에서 안전하게 종료할 수 있도록 단축키를 설정합니다. 옵션의 값과 의미는 툴바와 동일합니다. innerHeight: 창에서 문서의 픽셀 높이를 설정합니다.
innerWidth: 창에서 문서의 픽셀 너비를 설정합니다.
screenX: 화면 왼쪽 가장자리부터 창의 픽셀 길이를 설정합니다.
screenY: 화면 위쪽 테두리에서 창의 픽셀 길이를 설정합니다.
titleBar: 새 창에 제목 표시줄이 표시되는지 여부를 나타냅니다. 옵션의 값과 의미는 도구 모음과 동일합니다. z-look: 창이 활성화되면 다른 창 위에 떠 있을 수 없음을 나타냅니다. 옵션의 값과 의미는 도구 모음과 동일합니다.
open 메소드는 창에 대한 참조를 반환합니다.
팁: 이 방법은 웹 페이지를 열 때 자동으로 다른 창을 여는 데 자주 사용됩니다.


2. 종료 방법


문법 형식:
window.close()
기능: close 메소드는 브라우저 창을 자동으로 닫는 데 사용됩니다.


3. 알림 방법


문법 형식:
window.alert(프롬프트 문자열)

기능: 경고 상자를 팝업하고 경고 상자에 프롬프트 문자열 텍스트를 표시합니다.

4. 확인방법

문법 형식:
window.confirm(프롬프트 문자열)

기능: 사용자가 "확인" 버튼을 클릭하면 확인 상자 표시, 확인 상자에 프롬프트 문자열 표시

이 메서드는 "취소"를 클릭하면 true를 반환하고 "취소"를 클릭하면 false를 반환합니다.

5. 프롬프트 방법

문법 형식:

window.prompt(프롬프트 문자열, 기본 텍스트)

기능: 입력 상자 표시, 입력 상자에 프롬프트 문자열 표시, 입력 텍스트 상자에 기본 텍스트 표시 이는 사용자 입력을 기다리고, 사용자가 "확인" 버튼을 클릭하면 사용자가 입력한 문자열을 반환합니다. 취소 버튼을 클릭하면 null 값이 반환됩니다.

6. setTimeout 메소드

문법 형식:

window.setTimeout(코드 문자 표현, 밀리초) 기능: 타이밍 설정, 지정된 밀리초 수에 도달하면 코드 문자 표현이 자동으로 실행됩니다.

7.clearTimeout 메소드


문법 형식:
window.clearTimeout(타이머)

기능: 이전 타이밍 설정을 취소합니다. 매개변수는 setTimeout으로 설정된 경우 반환 값입니다.

8. setInterval 메소드

문법 형식:
window.setInterval(코드 문자 표현, 밀리초)

기능 : 시간간격(두번째 매개변수) 설정 후 "코드문자 표현" 내용을 반복 실행

9.clearInterval 방식

문법 형식:
window.clearInterval(시간 간격)
기능: setInterval에 의해 설정된 타이밍을 취소합니다. 매개변수는 setInterval 메소드의 반환 값입니다.

10. moveBy 메소드

문법 형식:
window.moveBy(가로변위, 세로변위)
기능: 주어진 픽셀 매개변수에 따라 지정된 창을 이동합니다. 첫 번째 매개변수는 창이 수평으로 이동하는 픽셀이고, 첫 번째 매개변수는
입니다. 두 매개변수는 창이 수직으로 이동하는 픽셀입니다.

11.moveTo 메소드

문법 형식:
window.moveTo(x,y)
기능: 창을 지정된 지정된 좌표(x, y)로 이동합니다.

12. 방법별 크기 조정

문법 형식:
window.resizeBy(가로,세로)
기능: 현재 창을 지정된 크기(x, y)로 변경합니다. x, y 값이 0보다 크면 확대되고, 0보다 작으면 확장됩니다.
줄이기 위해.

13. resizeTo 메소드

문법 형식:
window.resizeTo(가로 너비, 세로 너비)
기능: 현재 창을 (x, y) 크기로 변경합니다. 여기서 x와 y는 각각 너비와 높이입니다.

14.scrollBy 메소드

문법 형식:
window.scrollBy(가로변위, 세로변위)
기능: 주어진 변위에 따라 창의 내용을 스크롤합니다. 매개변수가 양수이면 정방향으로 스크롤하고, 그렇지 않으면 역방향으로 스크롤합니다.
쪽으로 스크롤합니다.

15. scrollTo 메소드

문법 형식:
window.scrollTo(x,y)
기능: 창의 내용을 지정된 위치로 스크롤합니다.

16.찾기 방법

문법 형식:
window.find()
기능: 이 메서드가 실행되면 "찾기" 대화 상자 창이 나타나 사용자가
를 터치할 수 있습니다. find 메소드를 사용하여 페이지에서 문자열을 찾습니다.
참고: 이 속성은 IE5.5 및 Netscape6.0에서는 지원되지 않습니다.

17. 되돌리기 방법

문법 형식:
window.back()
기능: 사용자가 브라우저에서 "뒤로" 버튼을 클릭하는 것을 시뮬레이션하여 페이지를 브라우저의 이전 페이지로 이동합니다.
참고: 이 작업은 현재 페이지에 이전 페이지가 있는 경우에만 수행할 수 있습니다.
참고: IE5.5는 이 방법을 지원하지 않지만 Netscape6.0은 이를 지원합니다.

18. 전달 방법

문법 형식:
window.forward()
기능: 사용자가 브라우저의 "앞으로" 버튼을 클릭하여 페이지를 브라우저의 다음 페이지로 이동하는 것을 시뮬레이션합니다.
참고: 이 작업은 현재 페이지에 다음 페이지가 존재할 때만 수행할 수 있습니다.
참고: IE5.5는 이 방법을 지원하지 않지만 Netscape6.0은 이를 지원합니다.

19. 집에서 하는 방법

문법 형식:
window.home()
기능: 사용자가 브라우저에서 "홈" 버튼을 클릭하는 것을 시뮬레이션하여 페이지를 지정된 페이지로 리디렉션합니다.
참고: IE5.5는 이 방법을 지원하지 않지만 Netscape6.0은 이를 지원합니다.

20. 정지 방법

문법 형식:
window.stop()
기능: 사용자가 브라우저의 "중지" 버튼을 클릭하여 브라우저의 다운로드 작업을 종료하는 것을 시뮬레이션합니다.
참고: IE5.5는 이 방법을 지원하지 않지만 Netscape6.0은 이를 지원합니다.

21. 인쇄방법

문법 형식:
window.print()
기능: 사용자가 브라우저에서 "인쇄" 버튼을 클릭하는 것을 시뮬레이션하고 인쇄를 위해 인쇄 대화 상자를 열도록 브라우저에 알립니다.
현재 페이지.

22. 블러 방식

문법 형식:
window.blur()
기능: 창에서 포커스를 제거합니다. focus 방식과 함께 사용할 경우 포커스가 발생할 수 있으므로 주의가 필요합니다
계속해서 들어오고 나가세요.

23. 집중 방법

문법 형식:
window.focus()
기능: 창에 초점을 맞춥니다. 블러 방식과 함께 사용할 경우 초점이 흐려질 수 있으므로 주의가 필요합니다
이사하고 나가세요.

24.captureEvent 메소드

문법 형식:
window.captureEvent(이벤트)
window.captureEvent(event1|event2|...|eventn)
기능: 지정된 매개변수를 사용하여 모든 이벤트를 캡처합니다. 로컬 프로그램 자체에서 처리하는 이벤트를 캡처하는 기능으로 인해
, 따라서 프로그래머는 이벤트를 처리하는 함수를 자유롭게 정의할 수 있습니다. 캡처해야 할 이벤트가 여러 개 있는 경우 각 이벤트
파이프 문자 "|"로 구분합니다. 캡쳐 가능한 이벤트 종류는 다음과 같습니다.
이벤트.ABORT
이벤트.BLUR
이벤트.CHANGE
이벤트.CLICK
이벤트.DBLCLICK
이벤트.DRAGDROP
이벤트.오류
이벤트.FOCUS
이벤트.KEYDOWN
이벤트.키프레스
이벤트.KEYUP
이벤트.LOAD
이벤트.MOUSEDOWN
이벤트.MOUSUEMOVE
이벤트.MOUSEOUT
이벤트.MOUSEOVER
이벤트.MOUSEUP
이벤트.MOVE
이벤트.RESET
이벤트.크기 조정
이벤트.SELECT
이벤트.제출
이벤트.UNLOAD

25.enableExternalCapture 이벤트

문법 형식:
window.enableExternalCapture(이벤트)
기능: 활성화ExternalCapture 메소드는 매개변수를 통해 전달된 외부 이벤트를 캡처하는 데 사용됩니다.

26.disableExternalCapture 이벤트

문법 형식:
window.disableExternalCapture()
기능: 활성화ExternalCapture 메소드의 설정을 취소하고 외부 이벤트 캡처를 종료합니다.

27.handleEvent 이벤트

문법 형식:
window.handleEvent(이벤트)
기능: 지정된 이벤트를 트리거하는 이벤트 핸들러.

28. 출시이벤트 이벤트

문법 형식:
window.releaseEvent(이벤트)
window.releaseEvent(event1|event2|...|eventn)
기능: 매개변수를 통해 전달된 캡처된 이벤트를 해제합니다. 이러한 이벤트는
에 의해 생성됩니다. window.captureEvent 메소드에 의해 설정된 해제 가능한 이벤트는 CaptureEvent와 동일합니다.

29.루트이벤트 이벤트

문법 형식:
window.releaseEvent(이벤트)
기능: 캡처된 유형의 모든 이벤트를 표준 이벤트 처리 방법으로 전송하여 처리할 수 있는 것
파일은 CaptureEvent와 동일합니다.

30 스크롤 이벤트

문법 형식:
window.scroll(X 좌표, Y 좌표)
기능: 창을 지정된 좌표 위치로 이동합니다.

창 개체에는 다음과 같은 속성이 있습니다.

1. 상태 속성

문법 형식:
window.status=문자열
기능: 브라우저 창에 있는 상태 표시줄의 현재 표시 정보를 설정하거나 제공합니다.
팁: 이 속성을 사용하여 브라우저 창 상태 표시줄 정보를 설정할 수 있습니다.

2. 상태 표시줄 속성

문법 형식:
window.statusbar.property
기능: 상태 표시줄 속성 자체도 개체이며, 확인을 위해 자체 표시 속성에 액세스하는 데 사용됩니다.
상태 표시줄의 표시 여부를 결정합니다.
참고: IE5.5 브라우저는 이 속성을 지원하지 않습니다.

3. statusbar.visible 속성

문법 형식:
window.statusbar.visible
기능: 상태 표시줄이 표시되는지 확인하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
참고: IE5.5 브라우저는 이 속성을 지원하지 않습니다.

4. 기본 상태 속성

문법 형식:
window.defaultstatus[=문자열]
기능: defaultstatus 속성 값은 브라우저 창에 있는 상태 표시줄의 기본 표시 정보입니다.

5.위치 속성

문법 형식:
window.location=URL
기능: 현재 창의 URL 정보를 제공하거나 열려 있는 창의 URL을 지정합니다.

6. 위치 표시줄 속성

문법 형식:
window.locationbar.property
기능: locationbar 속성은 하위 객체로 간주될 수도 있습니다. 이 속성은 자체
를 얻는 데 사용됩니다. visible 속성은 위치 표시줄의 표시 여부를 결정합니다.
지금까지 이 속성에는 표시라는 하위 속성이 하나만 있습니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

7. locationbar.visible 속성

문법 형식:
window.locationbar.visible
기능: 위치 표시줄이 표시되는지 여부를 반환합니다. 표시되면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

8. 자기 속성

문법 형식:
window.self.method
window.self.property
기능: 이 속성에는 현재 창의 플래그가 포함되어 있습니다. 이 속성을 사용하면 여러 창이 열려 있는지 확인할 수 있습니다
이 경우 현재 창 내의 함수나 속성은 혼동 없이 올바르게 호출됩니다.

9. 이름 속성

문법 형식:
window.name=이름
기능: window.open() 메서드가 새 창을 만들 때 제공되는 창 이름을 반환합니다.
javascript1.0 버전에서는 이 속성을 창 이름을 읽는 데에만 사용할 수 있으며
에서는 javascript1.1 버전에서는 이 속성을 사용하여 window.open() 메서드를 사용하여 생성되지 않은
을 제공할 수 있습니다. 창에는 이름이 지정됩니다.

10. 폐쇄형 속성

문법 형식:
창.닫힘
기능: 닫힌 속성은 지정된 창의 인스턴스가 닫혔는지 여부를 반환하는 데 사용됩니다. 닫혀 있으면 true를 반환합니다
, 그렇지 않으면 false를 반환합니다.

11. 프레임 속성

문법 형식:
window.frames["프레임 이름"]
window.frames[숫자]
기능: 프레임 속성은 문서의 요소(프레임
)에 의해 생성된 각 하위 창을 저장하는 데 사용되는 배열입니다. Frame) 인스턴스. 여기서 아래 첨자는 일련 번호이거나 FRAME 요소
의 NAME 속성을 사용하여 지정된 이름일 수 있습니다. 얻고 사용할 수 있도록 확장하세요.

12.frames.length 속성

문법 형식:
window.frames.length
기능:frames.length 속성은 문서의 하위 창(프레임) 인스턴스 수를 제공하는 데 사용됩니다.

13. 길이 속성

문법 형식:
창.길이
기능: 길이 속성은 창의 하위 창 수를 반환합니다. 이 속성은
과 동일합니다. window.frame.length 속성의 값은 동일합니다.

14. 문서 속성

문법 형식:
window.document.event
window.document.method
window.document.property
기능: 윈도우 객체의 하위 객체 문서는 자바스크립트의 핵심 객체인
이 스크립트에서 발견됩니다. BODY 요소의 인스턴스를 만듭니다.

15. 기록 속성

문법 형식:
window.history[숫자]
window.history.method()
window.history.property
창 개체의 하위 개체 기록은 JavaScript의 핵심 개체 중 하나입니다. 이 속성에는
이 포함되어 있습니다. 방문한 페이지의 이름 및 URL 배열입니다.

16.innerHeight 속성

문법 형식:
window.innerHeight=숫자값
기능: 브라우저 창에서 문서의 픽셀 높이를 반환하거나 지정합니다. 이 높이에는 도구 모음과
이 포함되지 않습니다. 창을 구성하는 페이지 장식의 높이입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

17.innerWidth 속성

문법 형식:
window.innerHeight=숫자값
기능: 브라우저 창에서 문서의 픽셀 너비를 반환하거나 지정합니다. 이 너비에는 도구 모음과
이 포함되지 않습니다. 창을 구성하는 페이지 장식의 너비입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

18. 메뉴바 속성

문법 형식:
window.menubar.property
기능: menubar 속성은 하위 객체로 간주될 수도 있습니다. 이 속성은 자체
를 얻는 데 사용됩니다. visible 속성은 메뉴 모음이 표시되는지 여부를 결정합니다.
지금까지 이 속성에는 표시라는 하위 속성이 하나만 있습니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

19. menubar.visible 속성

문법 형식:
window.menubar.visible
기능: menubar.visible 속성은 메뉴 표시줄이 표시되는지 여부를 반환하는 데 사용됩니다. 표시되면 true를 반환하고, 그렇지 않으면
거짓을 반환합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

20.오프너 속성

문법 형식:
window.opener
window.opener.method
window.opener.property
기능: opener 속성은 하위 창에서 operer 속성에 액세스할 때 창을 여는 상위 창과 연결됩니다
, 상위 창이 반환됩니다. 이 속성은 상위 창 개체의 메서드 및 속성에 대한 액세스를 제공합니다.

21.outerHeight 속성

문법 형식:
window.outerHeight
기능: 외부 높이 속성은 도구 모음 및
을 포함하는 브라우저 창의 픽셀 높이에 액세스하는 데 사용됩니다. 장식 가장자리의 높이입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

22.outerWidth 속성

문법 형식:
window.outerWidth
기능: externalWidth 속성은 도구 모음과 장치를 포함하는 브라우저 창의 픽셀 너비에 액세스하는 데 사용됩니다
트림의 너비입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

23.pageXOffset 속성

문법 형식:
window.pageXOffset=숫자값
기능: 창의 브라우저 창에서 문서의 왼쪽 상단 모서리의 현재 수평 픽셀 위치를 지정합니다.
사용 moveTo 전에 이 속성을 사용하여 창을 이동해야 하는지 여부를 결정할 수 있습니다. 이 속성은
을 반환하기 때문에 전체 페이지를 기준으로 표시되는 문서의 현재 위치입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

24.pageYOffset 속성

문법 형식:
window.pageYOffset=숫자값
기능: 창의 브라우저 창에서 문서의 왼쪽 상단 모서리의 현재 수직 픽셀 위치를 지정합니다.
사용 moveTo 전에 이 속성을 사용하여 창을 이동해야 하는지 여부를 결정할 수 있습니다. 이 속성은
을 반환하기 때문에 전체 페이지를 기준으로 표시되는 문서의 현재 위치입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

25.부모 속성

문법 형식:
window.parent.frames[숫자]
window.parent.framesName
기능: 각 하위 창(다중 프레임)이 위치한 상위 창에 액세스합니다.

26. 개인바 속성

문법 형식:
window.personalbar.property
기능: personalbar 속성 자체도 개체이며, 이를 확인하기 위해 자체 표시 속성에 액세스하는 데 사용됩니다.
개인 열이 표시되는지 확인합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

27.personalbar.visible 속성

문법 형식:
window.personalbar.visible
기능: 개인 열이 표시되는지 확인합니다. 표시되면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

28. 스크롤바 속성

문법 형식:
window.scrollbars.property
기능: 스크롤바 속성 자체도 개체이며, 이를 확인하기 위해 자체 표시 속성에 액세스하는 데 사용됩니다.
스크롤 막대가 표시되는지 여부를 결정합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

29.scrollbars.visible 속성

문법 형식:
window.scrollbars.visible
기능: scrollbars.visible은 스크롤 막대가 표시되는지 여부를 결정하는 데 사용됩니다. 표시되면 true를 반환하고, 그렇지 않으면
거짓을 반환합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

30. 도구 모음 속성

문법 형식:
window.toolbar.property
기능: 도구 모음 속성 자체도 개체이며,
을 결정하기 위해 자체 표시 속성에 액세스하는 데 사용됩니다. 도구 모음 표시 여부입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

31.toolbar.visible 속성

문법 형식:
window.toolbar.visible
기능:toolbar.visible 속성은 도구 모음이 표시되는지 확인하는 데 사용되며 표시되면 true를 반환합니다.
그렇지 않으면 false를 반환합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.

32. 상위 속성

문법 형식:
window.top.frames[숫자]
window.top.frameName
window.top.method()
window.top.property
기능: 창 개체의 top 속성은 브라우저에 로드된 모든 하위 창(다중 프레임) 중 최상위 창에 대한 정보를 포함하는 데 사용됩니다.

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.