11. Frame 객체


  브라우저를 프레임으로 나누게 되면, 각각의 창이 별도의 URL을 보여주게 되며 각 창들은 독자적으로 행동하게 된다. 프레임을 쓸 때의 장점으로는 필요한 부분만 새로 로딩(Loading)하기 때문에 빠른 속도와 부하를 줄일 수 있는 장점이 있는 반면, 브라우저의 Back버튼을 누르게 되면 개발자가 원하는 데로 한번에 해당 프레임들이 움직이지 않는다는 단점이 있다. 대부분의 포털(Portal) 사이트들이 그래서 프레임을 적용하지 않고 하나의 화면으로 간다.

  • 기본 문법
      * HTML작성시 Frame의 name이 지정되면 link시에 다음과 같이 설정하면 된다. 자세한 사항은 HTML부분을 참조하기 바란다.

    <A HREF SRC="mn.html" TARGET="name">name</A>

  • Frame간 참조 방법   프레임으로 구분된 하나의 프레임들 각각이 window객체를 별도로 가지게 된다. 우리가 앞장에서 window객체를 배울 때, top, parent속성이 있었던 것을 기억하는가? 바로 지금이 그 속성이 뭔지를 밝혀보자.

      먼저, 간단한 예로 다음과 같이 구분된 프레임이 있다고 하면,
      이렇게 구성이 되면 menu라는 window객체가 생겨나고, content라는 window객체가 생겨나게 된다. 이 두 개를 담고 있는 window객체가 또 존재하는데 그 window객체가 바로 parent인 것이다.

      top 속성은 최상위 window객체를 지칭하는 속성이다. 위와 같은 예에서는 top이나 parent나 같은 window를 지칭하게 된다. 따라서, 다음과 같은 구조를 가지게 된다.
    top
      -- menu
      -- content
      자 그럼, 현재 내가 menu window에 있다고 하자. 그럼, content window에 접근하려면,

    window.top.frames[0], window.parent.frames[0],
    window.top.contents, window.parent.content
      와 같이 이중 아무거나 사용해도 좋은데 대부분 window.parent.content라고 사용한다. 왜냐하면, 이 최상위 윈도우인 top이 반드시 parent와 같지 않을 수있기 때문이다.

  • 주요 속성

    frames[i]현재 윈도우에 포함된 모든 Frame배열
    name프레임의 이름
    length현 프레임의 자식 프레임 개수
    parent현 프레임의 상위 프레임 또는 윈도우
    self현재의 프레임 자신
    window현재의 프레임의 window


  • 프레임간 참조 예제

    다음과 같은 HTML문서가 있다고 할 때,

    다음과 같이 사용한다. 현재 output에 있을 때 
    input == parent.frame[0].frame[0] == parent.frame[0].input;


- 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