자바스크립트에서 부모창의 함수 호출하는 방법에 대해서 알아보겠습니다.
제가 자주 사용하는 형태는 두가지 형태가 있습니다.
하나는 자식창이 팝업창 형태일 경우와 또 하나는 자식창이 iframe 형태일 경우입니다.
저같은 경우는 이 두가지 외에는 거의 사용하지는 않습니다.
드럼 예제를 통해서 말씀드리는게 이해하시기 빠를것 같습니다.
|
---------부모창 소스------------ <html> <script language="javascript"> function parent_function(){ alert("부모창입니다"); } </script> <body>
</body> </html> ---------부모창 소스------------
|
|
--------자식창 소스1(팝업일경우)---------
<script language="javascript"> parent.parent_function(); </script>
--------자식창 소스1(팝업일경우)---------
|
보시면 아시겠지만 parent.parent_function()으로 부모창의 함수를 호출했습니다.
parent는 부모창이란 뜻이고 parnet.parent__function()은 부모창의 parent_function 함수를 실행하라는 뜻입니다.
너무 쉽고 간단하지만 매우 유용하다고 할수 있습니다.
두번째 아이프레임일경우를 살펴보겠습니다.
|
--------자식창 소스1(아이프레임일경우)---------
<script language="javascript"> parent.parent_function(); </script>
--------자식창 소스1(아이프레임일경우)---------
|
구문은 같은 형태입니다. parent로 부모창의 함수를 실행시킵니다.
저같은 경우는 parent도 쓰지만 top란 키워드를 쓰기도 합니다.
부모창과 자식창의 관계가 1차 뎁스일경우는 top나 parent나 같은 명령어라고 할수 있죠
유용한 구문이니 잘 사용하시기 바랍니다.
'개발이야기 > 자바스크립트' 카테고리의 다른 글
| 자바스크립트 부모창에서 자식창 변수 참조하기 (0) | 2023.06.08 |
|---|---|
| 자바스크립트 팝업 띄우기 (0) | 2016.12.25 |
