티스토리 뷰

Web

IFRAME 속 IFRAME FUNCTION 작동하기

해무지 2021. 11. 12. 15:26
728x90
반응형

 

 

가끔 IFRAME 안에 또 다른 IFRAME이 넣어져있을 경우

EX) 모달창 속의 모달창

 

DEPTH1 메인창

DEPTH2 모달창1

DEPTH3 모달창2 라고 하겠다.

<body>
    <iframe id="depth1" name="depth1">
    	<head>
            <script>
                function runAlert(){
                    alert('depth1 function 실행');
                }
            </script>
        </head>
        <body>
            <iframe id="depth2" name="depth2">
                <body>

                </body>
            </iframe>
        </body>
    </iframe>
</body>

 

모달창2 에서 모달창 1의 runAlert()를 실행시킬 경우

parent.runAlert()로는 작동을 하지 않는다.

 

그럴땐

 

parent.document.getElementById('depth1').contentWindow.runAlert(); 로 실행시키면 잘 작동한다.

 

 

728x90
반응형

'Web' 카테고리의 다른 글

[JAVASCRIPT] 초 간단 replaceAll  (0) 2022.06.22
회원가입 정규식 간단  (0) 2021.11.12
[webtob] ssl인증서 갱신 간단정리  (0) 2021.02.25
vscode(Visual Studio Code)에서 git clone(복제) 하기  (0) 2020.01.06
[JQuery] To-Do 리스트 만들기  (0) 2019.08.04
댓글

"이 블로그의 모든 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday