| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
- PHP-FPM
- 복현오거리
- centos
- 킹북이초월
- 소비전력
- iptime
- 램가스초월
- 알뜰폰
- 윈도우10
- 라즈베리파이2
- 스톤에이지
- KB증권
- 아파치
- 자바스크립트
- Rocky
- mysql
- 리눅스
- 시놀로지
- 티스토리
- Apache
- OpenWrt
- php
- KB국민카드
- proxmox
- 가상서버호스팅
- 알리익스프레스
- 보르비스초월
- ConoHa
- SKT
- jQuery
- Today
- Total
맛집 여행 캠핑 일상 생활
부모 자식 사이의 자바스크립트 호출 본문
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 |