자식창에서 부모창의 자바스크립트 함수를 호출 하고 싶을 때
페이지 정보
작성자 서방님 댓글 0건 조회 153회 작성일 15-04-07 11:14본문
부모창과 자식창의 관계를 여러가지가 있습니다.
첫번째로는 가장 많이 사용되는 팝업이 있습니다. 팝업에서 팝업으로 띄워지는 창이 자식창이고 팝업을 띄우기 위해 클릭되어지는 버튼이 있는 창이 부모창이 되겠지요
두번째로는 아이프레임이 있지요! iframe태그가 있는 창이 부모창, iframe에 의해 불려지는 창이 자식창이 있습니다.
마지막으로 frameset과 frame으로 이루어 지는 것이 있겠지요!!
각각의 상황에 따라 자식창에서 부모창에 있는 자바스크립트를 핸들링하는 방법을 알아보겠습니다!!
1. 팝업
<script>
opener.parent.함수명();
</script>
2. 아이프레임
<script>
top.함수명();
</script>
3. frameset
parent.frames["프레임이름"].함수명();
3번의 경우는 약간 헷갈릴 수 있으니 예제를 보여드리겠습니다.
아래의 소스를 가지는 frameset.html 파일이 있다고 가정해봅시다!
<frameset cols="200,*">
<frame src="top.html" name="page_top">
<frame src="contents.html" name="page_contents">
</frameset>
그리고 top.html의 소스는 다음과 같습니다.
<html>
<head>
<script>
function write_page()
{
alert;("TOP페이지의 write_page함수를 사용하셨습니다");
}
</script>
<body>
TOP 페이지입니다
</body>
</html>
마지막으로 contents.html 소스는 다음과 같습니다.
<html>
<head>
<script>
function connect_top_function()
{
parent.frames["page_top"].write_page();
}
</script>
</head>
<body>
컨텐츠 페이지입니다! <br/>
<span style='cursor:hand' onclick='connect_top_function()'>[TOP페이지 함수 호출]</span>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.
