10.4 window object
window는 객체는 앞으로 배울 모든 객체의 부모(Parent)에 해당하는 객체이다.
그만큼 알게 모르게 많이 사용되는 객체인데, navigator객체를 제외한 대부분의 객체는 window객체
밑에 하나의 속성으로 존재한다.
- 주요 속성
| document | window하위의 object |
| frames[i] | window가 담고 있는 프레임의 배열 |
| history | 네비게이션 경로를 담고 있는 object |
| location | 현재 URL정보 |
| opener | open()함수로 현재 윈도우를 열어준 부모윈도우 |
| parent | 프레임으로 나뉘었을 때 부모 윈도우 |
| self | 자기 자신을 지칭한다. |
| status | 하단의 status bar를 지칭하는 객체 |
| top | 여러 프레임으로 구성했을 때 최상위 프레임 |
다음은 window속성을 자바스크립트 내부에서 이용하는 간단한 예들이다.
- 현재 URL을 test.html로 변경하기 : window.location = test.html;
- status bar에 정보 표기 : window.status = "Hello";
- 주요 함수
| alert(str) | 경고창을 띄운다 |
| clearInterval(ID) | Timer 제거 |
| clearTimeout(ID) | Timer 제거 |
| close() | 현재의 브라우저를 종료시킨다. |
| confirm() | confirm박스를 띄운다. |
| focus() | 현재의 윈도우로 포커스를 옮긴다. |
| moveBy(x, y) | 윈도우를 (x,y)로 이동(상대좌표) |
| moveTo(x, y) | 윈도우를 (x,y)로 이동(절대좌표) |
| open(a, b, c) | 새로운 브라우저 창을 연다. |
| print() | 인쇄 창을 띄운다. |
| prompt( | prompt창을 띄운다. |
| setInterval() | Timer 설치 |
| setTimeout() | Timer 설치 |
다음은 window함수 이용하는 간단한 예들이다.
- 새로운 윈도우 열기
window.open("new.html","newWindow","toolbar=yes, ..,width=200");
* new.html : 새로운 윈도우에 불러들일 URL정보
* newWindow : 새로운 윈도우의 이름
* open()의 옵션
| toolbar | 표준툴바 생성여부 (yes(1), no(0)) |
| location | location 영역 생성 여부 |
| directories | directory button 생성여부 |
| status | status bar생성 여부 |
| menubar | menubar생성 여부 |
| scrollbars | scrollbar 생성여부 |
| resizable | 사용자에 의한 크기조절 가능 여부 |
| width | 새창의 가로 크기(픽셀단위) |
| height | 새창의 세로 크기(픽셀단위) |
| copyhistory | history의 복사여부 |
- 타이머 설정
ID = setTimeout("exp",5000); //exp 수행하기전 5초대기.
clearTimeout(ID);
- 새로 생성된 윈도우와 원래 윈도우간의 참조
메인 윈도우에서 서브 윈도우를 열면서 자기 자신을 서브윈도우의 한 프로퍼티로 등록을
시킨뒤에 서브 윈도우에서 사용하면 된다.(Netscape2.0), 또 다른 방식은 opener라는 속성을
이용하는 방법이다.( Netscape 3.0이상) 지금은 두번째 방식이 주로 사용되고 있다.
예1)
메인 윈도우 : win = window.open("ch1.html","win");
win.tt = this.window;
서브 윈도우 : window.tt.document.forms[0].nm1.value = 'kk';
예2)
메인 윈도우 : win = window.open("ch1.html", "win");
서브 윈도우 : window.opener.tt.document.forms[0].nm1.value = 'kk';
- Last Update : 2001.7.3 by Deadfire(http://www.deadfire.net)
|
들어가기
네비게이터 객체