브라우저를 프레임으로 나누게 되면, 각각의 창이 별도의 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)
|
들어가기
Frame 객체