10. Navigator 객체


10.4 window object

  window는 객체는 앞으로 배울 모든 객체의 부모(Parent)에 해당하는 객체이다. 그만큼 알게 모르게 많이 사용되는 객체인데, navigator객체를 제외한 대부분의 객체는 window객체 밑에 하나의 속성으로 존재한다.

  • 주요 속성

    documentwindow하위의 object
    frames[i]window가 담고 있는 프레임의 배열
    history네비게이션 경로를 담고 있는 object
    location현재 URL정보
    openeropen()함수로 현재 윈도우를 열어준 부모윈도우
    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))
      locationlocation 영역 생성 여부
      directoriesdirectory button 생성여부
      statusstatus bar생성 여부
      menubarmenubar생성 여부
      scrollbarsscrollbar 생성여부
      resizable사용자에 의한 크기조절 가능 여부
      width새창의 가로 크기(픽셀단위)
      height새창의 세로 크기(픽셀단위)
      copyhistoryhistory의 복사여부
    • 타이머 설정

      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)

Javascript 강좌
들어가기
Javascript란?
작동 방식
장 단 점
기 초
     - HTML문서에추가하기
     - 최초 예제
     - 함수사용하기
     - 기본 함수
문 법
     - 변 수
     - 연 산
     - 조 건 문
     - 반 복 문
     - 사용자함수
객 체
     - Object란?
     - 속성과 함수
     - 객체의 생성과사용
내장 객체
     - Date
     - Math
     - String
     - Array
     - Boolean
     - Function
     - Argument
     - Number
     - Global
     - 기 타
     - with / delete
Event 객체
네비게이터 객체
     - 네비게이터객체구조
     - 객체 접근 방법
     - navigator
     - window
     - location
     - history
     - document
     - form
     - form elements
Frame 객체
기 타
     - Animation
     - Audio
마치며

Copyright ⓒ 1997 ~, Deadfire Program Master