[html/css] html iframe load complete check example / html iframe 로드 완료 여부 확인 방법

[html/css] html iframe load complete check example / html iframe 로드 완료 여부 확인 방법

 

 

html 에서

 

iframe 을 이용해서

 

특정 사이트의 내용을 불러와서 표시해야 하는 경우

 

해당 내용이 로드 되었는지

 

확인해야 하는 경우가 있습니다.

 

그럴때는 아래 나와있는 내용처럼

 

readyState 를 이용하시면 됩니다.

 

 

아래와 같이 text_frame 라는 아이디를 가지는 iframe 이 있다고 가정하고,

<iframe src="IFRAME_SRC" id="test_frame"></iframe>

 

위 iframe 이 정상적으로 로드 되었는지 확인하려면

 

아래와 같이 스크립트를 작성하시면 됩니다.

<script>
    $( document ).ready(function() {
        var frame = document.getElementById("test_frame");

        if( frame.readyState == "complete" ) {
            // to do
        }
    });
</script>

 

frame.readyState 가 complete 면

 

정상적으로 로드가 된것으로 보시면 됩니다!

 

참고들 하세요!