Frameset | Frame Object


Home > Document > JavaScript > Object > Frameset & Frame object

Frameset & Frame Object

이 번 페이지에서는 Frameset으로 나뉘어진 페이지에서 각각의 Frame들을 다루는 Property들에 대해 알아 보도록 하겠습니다. 이 페이지를 보기 위해서는 Frameset에 대한 기본적인 지식이 필요하므로 사전 지식이 없는 사람은 HTML 메뉴의 Frameset 을 참조 하시기 바랍니다.

Frameset Object Property
Property 설 명
border 3차원 border를 포함하여 frame 과 frame 간의 간격 지정 또는 return
borderColor borderColor 지정 또는 return
frameBorder frameBorder 값 지정 또는 return
frameSpacing frame 간의 추가적인 간격 지정 또는 return
name Frmae name attribute 값 설정 또는 return
cols Frame 의 열(column) 개수와 size 설정 또는 return
rows Frame 의 행(row) 개수와 size 설정 또는 return



Frame Object Property
Property 설 명
frameBorder Frame border 값 return
height Frame height 값 설정 또는 return
marginHeight Frame marginheight 값 설정 또는 return
marginWidth Frame marginwidth 값 설정 또는 return
name Frmae name attribute 값 설정 또는 return
noResize Frame noresize 값 설정 또는 return
src Frame source 로 사용되는 file의 URI 값 설정 또는 return




동시에 2개 이상의 frame에 file link 시켜서 띄우기

동시에 2개 이상의 frame에 file link 시켜서 띄운다는 것이 무슨 뜻이냐 하면 이 사이트 상단 메뉴처럼 클릭했을 때 왼쪽에는 leftmenu가, 오른 쪽에는 file list 가 뜨는 것 처럼 2개 이상의 frame에 Link를 거는 것을 뜻합니다. JavaScript location Object로 function으로 만들면 간단하게 할 수 있습니다. 아래의 소스는 왼쪽 frame의 name 속성값이 leftmenu, 오른쪽 본문 이 content 라고 가정하고 작성했습니다. 그리고 왼쪽에는 leftmenu.html을 본문에는 main.html을 띄우는 걸로 하겠습니다.

topmenu.html
<html>
    <head>
        <title>Top menu</title>
    <script type="text/javascript">
    <!--
    function load_Page(href_left, href_content){
        top.leftmenu.location.href = href_left;
        top.content.location.href = href_content;
    }    
    // -->
    </script>
    </head>
    <body>
    <button onclick="load_Page('leftmenu.html', 'main.html';">Main menu</button>
    </body>
</html>


top Property, parent Property

frame Object 에서는 위의 예제와 같이 frame 상호간에 Link를 걸거나 DHTML 효과를 주는 경우가 많이 있는데, 이런 것을 cross-frame scripting이라고 합니다. 이때 frame Element의 name 속성으로 이름 붙인 frame name 대신 window Object의 Property인 top이나 parent를 사용할 수 있습니다. top이나 parent는 얼핏 보아서 같아 보이지만 약간의 차이가 있습니다. 위의 예제에서 만약 main.html 자체가 frameset 으로 짜여진 page 라면 main.html의 parent frame은 content frame이 됩니다. top의 경우는 몇 단계의 하위 frame에서 불러도 항상 같지만 예를 든대로 frameset 속에 또 다른 frameset 이 들어 갔다면 한 단계 상위 frame을 부를 때 parent라고 합니다.

Frame Object Property
Property 설 명
top 최상위 frameset 을 말합니다.
parent 한 단계 상위 frame(set)을 말합니다.





이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색