js 윈도우 객체 속성 및 메소드_자바스크립트 스킬 관련 정보 정리
- WBOY원래의
- 2016-05-16 15:32:50982검색
창 개체에는 다음과 같은 메서드가 있습니다.
열기 닫기 경고 확인 프롬프트 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이면 표준 도구 모음이 없음을 의미합니다.
로 대체됩니다.
height: innerHeight
로 대체된 창의 높이를 픽셀 단위로 지정합니다.
externalWidth: 창의 외부 너비를 픽셀 단위로 지정합니다.
외부 높이: 창의 외부 높이를 픽셀 단위로 지정합니다.
왼쪽: 화면 왼쪽에서 창의 위치를 픽셀 단위로 지정합니다.
top: 화면 상단에서 창의 위치를 픽셀 단위로 지정합니다.
AlwaysLowered: 지정된 창이 모든 창 뒤에 숨겨집니다. 옵션의 값과 의미는 도구 모음과 동일합니다.
AlwaysRaised: 지정된 창이 모든 창 위에 떠 있습니다. 옵션의 값과 의미는 도구 모음과 동일합니다.
종속: 열린 창이 현재 창의 하위 창이며 상위 창이 닫힐 때 닫히도록 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다.
단축키: 메뉴바 없이 새 창에서 안전하게 종료할 수 있도록 단축키를 설정합니다. 옵션의 값과 의미는 툴바와 동일합니다.
innerHeight: 창에서 문서의 픽셀 높이를 설정합니다.
innerWidth: 창에서 문서의 픽셀 너비를 설정합니다.
screenX: 화면 왼쪽 가장자리부터 창의 픽셀 길이를 설정합니다.
screenY: 화면 위쪽 테두리에서 창의 픽셀 길이를 설정합니다.
titleBar: 새 창에 제목 표시줄이 표시되는지 여부를 나타냅니다. 옵션의 값과 의미는 도구 모음과 동일합니다.
z-look: 창이 활성화되면 다른 창 위에 떠 있을 수 없음을 나타냅니다. 옵션의 값과 의미는 도구 모음과 동일합니다.
open 메소드는 창에 대한 참조를 반환합니다.
팁: 이 방법은 웹페이지를 열 때 자동으로 다른 창을 열 때 자주 사용됩니다.
2. 종료 방법
구문 형식: window.close()
기능: close 메소드는 브라우저 창을 자동으로 닫는 데 사용됩니다.
구문 형식: 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 좌표) 기능: 창을 지정된 좌표 위치로 이동합니다. 창 개체 속성 창 개체에는 다음과 같은 속성이 있습니다.
구문 형식: window.status=string 기능: 브라우저 창 상태 표시줄의 현재 표시 정보를 설정하거나 제공합니다. 팁: 이 속성을 사용하여 브라우저 창 상태 표시줄 정보를 설정할 수 있습니다.
구문 형식: window.statusbar.Attribute 함수: 상태 표시줄 속성 자체도 객체이며, 상태 표시줄 표시 여부를 결정하기 위해 자체 visible 속성에 액세스하는 데 사용됩니다. 참고: IE5.5 브라우저는 이 속성을 지원하지 않습니다.
구문 형식: window.statusbar.visible 함수: 상태 표시줄이 표시되는지 확인하면 true를 반환하고, 그렇지 않으면 false를 반환합니다. 참고: IE5.5 브라우저는 이 속성을 지원하지 않습니다.
구문 형식: window.defaultstatus[=string] 기능: defaultstatus 속성 값은 브라우저 창 상태 표시줄의 기본 표시 정보입니다
구문 형식: window.location=url 기능: 현재 창의 URL 정보를 제공하거나 열려 있는 창의 URL을 지정합니다.
구문 형식: window.locationbar.property 기능: locationbar 속성은 하위 객체로 간주될 수도 있습니다. 이 속성은 위치 표시줄 표시 여부를 결정하기 위해 자체 visible 속성을 얻는 데 사용됩니다. 지금까지 이 속성에는 표시라는 하위 속성이 하나만 있습니다. 참고: IE5.5는 이 속성을 지원하지 않습니다.
구문 형식: window.locationbar.visible 함수: 위치 표시줄이 표시되는지 여부를 반환합니다. 표시되면 true를 반환하고 그렇지 않으면 false를 반환합니다. 참고: IE5.5는 이 속성을 지원하지 않습니다.
구문 형식: window.self.method window.self.Property 함수: 이 속성에는 현재 창의 플래그가 포함되어 있습니다. 이 속성을 사용하면 여러 창이 열릴 때 현재 창의 함수나 속성이 혼동 없이 올바르게 호출되는지 확인할 수 있습니다.
구문 형식: window.name=name 함수: window.open() 메서드가 새 창을 생성할 때 제공되는 창 이름을 반환합니다. JavaScript 1.0 버전에서는 이 속성을 사용하여 창 이름을 읽을 수 있습니다. JavaScript 1.1 버전에서는 이 속성을 사용하여 window.open() 메서드를 사용하여 생성되지 않은 창의 이름을 지정할 수 있습니다.
구문 형식: window.closed 함수: 닫힌 속성은 지정된 창의 인스턴스가 닫혔는지 여부를 반환하는 데 사용됩니다. 닫혀 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
구문 형식: window.frames["프레임 이름"] window.frames[숫자] 함수: 프레임 속성은 문서의 요소에 의해 생성된 각 하위 창(프레임) 인스턴스를 저장하는 데 사용되는 배열입니다. 아래 첨자는 프레임 요소의 이름 속성에 의해 지정된 순서 번호 또는 이름일 수 있습니다. .을 얻어서 사용합니다.
구문 형식: window.frames.length 함수:frames.length 속성은 문서의 하위 창(프레임) 인스턴스 수를 제공하는 데 사용됩니다.
구문 형식: window.length 함수: 길이 속성은 창의 하위 창 수를 반환합니다. 이 속성은 window.frame.length 속성과 동일한 값을 갖습니다.
구문 형식: window.document.event window.document.method window.document.property 기능: window 객체의 하위 객체 문서는 JavaScript의 핵심 객체로, 스크립트에서 body 요소를 만나면 인스턴스가 생성됩니다.
구문 형식: 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 속성은 브라우저에 로드된 모든 하위 창(다중 프레임)의 최상위 창에 대한 정보를 포함하는 데 사용됩니다.