정느의 게임 & 개발일지

baejd60.egloos.com


포토로그

구글광고와이드


[JS, JQuery] iframe 로딩 완료시점 잡기, 자식창 함수 불러오기

iframe에서 페이지를 불러오고

페이지 로딩이 끝났을 때 자식창 함수를 실행시키는 작업이 필요했다.

자식창 로딩 시점을 잡는방법은 아래와 같다.

1
2
3
4
5
6
$(document).ready(function(){
    $("#iframe1").on("load",function(){
        //로딩완료후 함수 넣기
        alert("로딩완료");
    });
})
cs


자식창의 함수를 불러오려면 예를들어 이런식이다
1
$("#iframe1").get(0).contentWindow.loadImage(editImageSrc);
cs

$(...).get(0).contentWindow.함수이름();

IE에서도 잘 된다.

코드를 합친 예시는 아래와 같다.


1
2
3
4
5
6
$(document).ready(function(){
    $("#iframe1").on("load",function(){
        alert("로딩완료");
        $("#iframe1").get(0).contentWindow.loadImage(editImageSrc);
    });
})
cs



덧글

댓글 입력 영역



구글자동광고