맛집 여행 캠핑 일상 생활

부모 자식 사이의 자바스크립트 호출 본문

JAVASCRIPT

부모 자식 사이의 자바스크립트 호출

영은파더♥ 2016. 3. 15. 11:03

iframe 내의 자바스크립트를 호출하는 방법


부모 자식 간의 자바스크립트 호출


▶ 키포인트

부모 -> 자식 호출은 contentWindow

자식 -> 부모 호출은 parent


▶ 부모

<html>

<head>

<script type="text/javascript">

function exam_func_parent() {

alert('부모 자바스크립트 함수');

}

function call_child_func() {

var iObj = document.getElementById('frame1').contentWindow;

iObj.exam_func_child();

}

</script>

<head>

<body>

<input type="button" name="자식함수호출" onclick="call_child_func();" />

<iframe src="" name="frame1" id="frame1" width="100%" height="100%"></iframe>

</body>

</html>


▶ 자식

<html>

<head>

<script type="text/javascript">

function exam_func_child() {

alert('자식 자바스크립트 함수');

}

function call_parent_func() {

parent.exam_func_parent();

}

</script>

</head>

<body>

<input type="button" name="부모함수호출" onclick="call_parent_func();" />

</body>

</html>


◎ iframe -> iframe 두단계라면

자식.자식.함수호출

document.getElementById('frame1').contentWindow.document.getElementById('frame1').contentWindow.exam_func_child();

부모.부모.함수호출

parent.parent.exam_func_parent();


저작자표시 비영리

'JAVASCRIPT' 카테고리의 다른 글

자바스크립트 jQuery 로 헤더에 메타 태그 추가하는 방법  (0) 2016.03.24
자바스크립트 함수 존재 여부 확인 하기  (0) 2016.03.21
자바스크립트 jQuery 메타태그 PHP .htaccess 사이트 리디렉션 방법  (0) 2016.03.04
자바스크립트 영문 숫자만 허용 정규표현식  (0) 2016.02.22
움직이는 팝업 만들기  (0) 2016.02.05
공유하기 링크
'JAVASCRIPT' Related Articles more
Trackback : | Comments :