js 윈도우 객체 속성 및 메소드_자바스크립트 스킬 관련 정보 정리

창 개체에는 다음과 같은 메서드가 있습니다.

열기 닫기 경고 확인 프롬프트 setTimeout ClearTimeout setInterval ClearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo 찾기 뒤로 앞으로 홈 중지 인쇄 흐림 포커스 캡처이벤트 활성화ExternalCapture 비활성화ExternalCapture 핸들이벤트 릴리스이벤트 경로이벤트 스크롤

1. 오픈 방식

구문 형식: window.open(URL, 창 이름, 창 스타일)

기능: 새 창을 열고 창에 지정된 URL 주소가 있는 웹페이지를 로드합니다.

설명:

open 메소드는 새 브라우저 창을 열고 새 창에 지정된 URL 주소를 로드하는 데 사용됩니다.

새 브라우저 창을 열 때 open 메소드는 창 이름(두 번째 매개변수)을 지정할 수도 있습니다.

새 브라우저 창을 열 때 열기 메서드는 창 스타일(세 번째 매개변수)을 지정할 수도 있습니다. 창 스타일에는 다음과 같은 옵션이 있습니다. 여러 항목을 선택할 경우 쉼표를 사용하세요. 각 옵션 사이:

toolbar: 창에 표준 도구 모음이 있는지 여부를 지정합니다. 이 옵션의 값이 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(timer) 기능: 이전 타이밍 설정을 취소합니다. 매개변수는 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()

기능: 이 메소드가 트리거되면 "찾기" 대화 상자 창이 팝업되어 사용자가 페이지에서 찾기 메소드를 트리거한 문자열을 찾을 수 있습니다.

참고: 이 속성은 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()

기능: 창에서 포커스를 제거합니다. 초점 방법을 사용할 때는 초점이 계속 들어오고 나갈 수 있으므로 주의해야 합니다.

23. 집중 방법

구문 형식: window.focus()

기능: 창에 초점을 맞춥니다. 블러 방식과 함께 사용할 경우 초점이 안팎으로 움직일 수 있으므로 주의하세요

24.캡쳐이벤트 방식

구문 형식: window.captureevent(event)

window.captureevent(event1|event2|…|eventn)

기능: 지정된 매개변수로 모든 이벤트를 캡처합니다. 로컬 프로그램 자체에서 처리하는 이벤트를 캡처하는 기능으로 인해 프로그래머는 이벤트를 처리하는 함수를 자유롭게 정의할 수 있습니다. 캡처해야 할 이벤트가 여러 개 있는 경우 파이프 문자 "|"를 사용하여 각 이벤트를 구분합니다. 캡쳐 가능한 이벤트 종류는 다음과 같습니다.

event.abortevent.blurevent.changeevent.clickevent.dblclickevent.dragdropevent.errorevent.focusevent.keydownevent.keypressevent.keyupevent.loadevent.mousedownevent.mousuemoveevent.mouseoutevent.mouseover　event.mouseup　event.move　event.reset　event.resize　 이벤트 . 선택　이벤트.제출　이벤트.언로드

25. 외부 캡쳐 이벤트 활성화

구문 형식: window.enableexternalcapture(event)

함수: 매개변수를 통해 전달된 외부 이벤트를 캡처하는 데는 enableexternalcapture 메서드가 사용됩니다.

26.외부 캡쳐 이벤트 비활성화

구문 형식: window.disableexternalcapture()

기능: 활성화externalcapture 메소드의 설정을 취소하고 외부 이벤트 캡처를 종료합니다.

27.핸들이벤트 이벤트

구문 형식: window.handleevent(event)

함수: 지정된 이벤트를 트리거하는 이벤트 핸들러입니다.

28. 발매기념 이벤트

구문 형식: window.releaseevent(event)

window.releaseevent(event1|event2|…|eventn)

기능: 매개변수를 통해 전달된 캡처된 이벤트를 해제합니다. 이러한 이벤트는 window.captureevent 메서드에 의해 설정됩니다. 해제 가능한 이벤트는 Captureevent와 동일합니다.

29. 루트이벤트 이벤트

구문 형식: window.releaseevent(event)

기능: 캡처된 유형의 모든 이벤트를 표준 이벤트 처리 방법으로 전송하여 처리할 수 있는 이벤트는 Captureevent와 동일합니다.

30. 스크롤 이벤트

구문 형식: window.scroll(x 좌표, y 좌표)

기능: 창을 지정된 좌표 위치로 이동합니다.

창 개체 속성

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

1. 상태 속성

구문 형식: window.status=string

기능: 브라우저 창 상태 표시줄의 현재 표시 정보를 설정하거나 제공합니다.

팁: 이 속성을 사용하여 브라우저 창 상태 표시줄 정보를 설정할 수 있습니다.

2. 상태 표시줄 속성

구문 형식: window.statusbar.Attribute

함수: 상태 표시줄 속성 자체도 객체이며, 상태 표시줄 표시 여부를 결정하기 위해 자체 visible 속성에 액세스하는 데 사용됩니다.

참고: IE5.5 브라우저는 이 속성을 지원하지 않습니다.

3. statusbar.visible 속성

구문 형식: window.statusbar.visible

함수: 상태 표시줄이 표시되는지 확인하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

참고: IE5.5 브라우저는 이 속성을 지원하지 않습니다.

4. 기본 상태 속성

구문 형식: window.defaultstatus[=string]

기능: 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=name

함수: window.open() 메서드가 새 창을 생성할 때 제공되는 창 이름을 반환합니다. JavaScript 1.0 버전에서는 이 속성을 사용하여 창 이름을 읽을 수 있습니다. JavaScript 1.1 버전에서는 이 속성을 사용하여 window.open() 메서드를 사용하여 생성되지 않은 창의 이름을 지정할 수 있습니다.

10. 폐쇄형 속성

구문 형식: window.closed

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

11. 프레임 속성

구문 형식: window.frames["프레임 이름"]

window.frames[숫자]

함수: 프레임 속성은 문서의 요소에 의해 생성된 각 하위 창(프레임) 인스턴스를 저장하는 데 사용되는 배열입니다. 아래 첨자는 프레임 요소의 이름 속성에 의해 지정된 순서 번호 또는 이름일 수 있습니다. .을 얻어서 사용합니다.

12.frames.length 속성

구문 형식: window.frames.length

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

13. 길이 속성

구문 형식: window.length

함수: 길이 속성은 창의 하위 창 수를 반환합니다. 이 속성은 window.frame.length 속성과 동일한 값을 갖습니다.

14. 문서 속성

구문 형식: window.document.event window.document.method window.document.property

기능: window 객체의 하위 객체 문서는 JavaScript의 핵심 객체로, 스크립트에서 body 요소를 만나면 인스턴스가 생성됩니다.

15. 기록 속성

구문 형식: window.history[값] window.history.method() window.history.property

창 개체의 하위 개체 기록은 JavaScript의 핵심 개체 중 하나입니다. 이 속성에는 방문한 페이지의 이름과 URL 배열이 포함됩니다.

16. 내부 높이 속성

구문 형식: window.innerheight=숫자 값

기능: 브라우저 창에서 문서의 픽셀 높이를 반환하거나 지정합니다. 이 높이에는 창을 구성하는 도구 모음 및 페이지 수정 사항의 높이가 포함되지 않습니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

17. 내부 너비 속성

구문 형식: window.innerheight=숫자 값

기능: 브라우저 창에서 문서의 픽셀 너비를 반환하거나 지정합니다. 이 너비에는 창을 구성하는 도구 모음 및 페이지 수정 사항의 너비가 포함되지 않습니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

18. 메뉴바 속성

구문 형식: window.menubar.Attribute

기능: menubar 속성은 하위 개체로 간주될 수도 있습니다. 이 속성은 메뉴 모음 표시 여부를 결정하기 위해 자체 visible 속성을 얻는 데 사용됩니다. 지금까지 이 속성에는 표시라는 하위 속성이 하나만 있습니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

19. menubar.visible 속성

구문 형식: window.menubar.visible

함수: menubar.visible 속성은 메뉴 표시줄이 표시되는지 여부를 반환하는 데 사용됩니다. 표시되면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

20.오프너 속성

구문 형식: window.opener | window.opener.method | window.opener.property

기능: opener 속성은 창을 여는 상위 창과 연결됩니다. 하위 창에서 operer 속성에 액세스하면 상위 창이 반환됩니다. 이 속성은 상위 창 개체의 메서드 및 속성에 대한 액세스를 제공합니다.

21.외부 높이 속성

구문 형식: window.outerheight

기능: 외부 높이 속성은 도구 모음 및 장식 가장자리의 높이를 포함하는 브라우저 창의 픽셀 높이에 액세스하는 데 사용됩니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

22.바깥쪽 너비 속성

구문 형식: window.outerwidth

기능: 외부 너비 속성은 도구 모음 및 장식 가장자리의 너비를 포함하는 브라우저 창의 픽셀 너비에 액세스하는 데 사용됩니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

23.pagexoffset 속성

구문 형식: window.pagexoffset=숫자 값

기능: 브라우저 창에서 문서의 왼쪽 상단 모서리의 현재 가로 픽셀 위치를 지정합니다. moveto를 사용하여 이동하기 전에 이 속성을 사용하여 창을 이동해야 하는지 여부를 결정할 수 있습니다. 이 속성은 전체 페이지를 기준으로 표시되는 문서의 현재 위치를 반환하기 때문입니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

24. 페이지 오프셋 속성

구문 형식: window.pageyoffset=숫자 값

기능: 브라우저 창에서 문서의 왼쪽 상단 모서리의 현재 수직 픽셀 위치를 지정합니다. moveto를 사용하여 이동하기 전에 이 속성을 사용하여 창을 이동해야 하는지 여부를 결정할 수 있습니다. 이 속성은 전체 페이지를 기준으로 표시되는 문서의 현재 위치를 반환하기 때문입니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

25.부모 속성

구문 형식: window.parent.frames[숫자] window.parent.framesname

기능: 각 하위 창(다중 프레임)이 위치한 상위 창에 액세스합니다.

26. 개인바 속성

구문 형식: window.personalbar.property

기능: personalbar 속성 자체도 개체이며, 개인 표시줄이 표시되는지 여부를 결정하기 위해 자체 visible 속성에 액세스하는 데 사용됩니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

27.personalbar.visible 속성

구문 형식: window.personalbar.visible

기능: 개인 열이 표시되는지 여부를 결정합니다. 표시되면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

28. 스크롤바 속성

구문 형식: window.scrollbars.property

함수: 스크롤바 속성 자체도 객체이며, 스크롤 막대 표시 여부를 결정하기 위해 자체 visible 속성에 액세스하는 데 사용됩니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

29.scrollbars.visible 속성

구문 형식: window.scrollbars.visible

함수: scrollbars.visible은 스크롤 막대가 표시되는지 여부를 결정하는 데 사용됩니다. 표시되면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

30. 도구 모음 속성

구문 형식: window.toolbar.property

기능: 도구 모음 속성 자체도 도구 모음 표시 여부를 결정하기 위해 자체 visible 속성에 액세스하는 데 사용되는 개체입니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

31.toolbar.visible 속성

구문 형식: window.toolbar.visible

함수: toolsbar.visible 속성은 툴바가 표시되는지 확인하는 데 사용됩니다. 표시되면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

참고: IE5.5는 이 속성을 지원하지 않습니다.

32. 상위 속성

구문 형식: window.top.frames[숫자] window.top.framename window.top.method()

window.top.property

기능: 창 개체의 top 속성은 브라우저에 로드된 모든 하위 창(다중 프레임)의 최상위 창에 대한 정보를 포함하는 데 사용됩니다.