IFRAME이 Javascript로 로드를 완료할 때 콜백을 구현하는 방법은 무엇입니까?

Javascript 콜백으로 Iframe 로드

IFRAME 로드가 완료될 때 콜백을 실행하려면 다음 단계를 따르세요.

IFRAME 및 로드 핸들러 생성

프로그래밍 방식으로 IFRAME 생성:

<code class="javascript">var iFrameObj = document.createElement('IFRAME');
iFrameObj.src = url;</code>

IFRAMAME에 로드 핸들러 추가:

<code class="javascript">$(iFrameObj).load(function() {
  // handle iframe load
});</code>

IFRAME 콘텐츠 액세스 및 삭제

로드 핸들러 내에서 IFRAME 콘텐츠에 액세스하여 삭제:

<code class="javascript">function callback(iFrameObj) {
  // obtain iframe data
  var iframeData = $('body', iFrameObj.contentWindow.document).html();
  // destroy the iframe
  document.body.removeChild(iFrameObj);
}</code>

추가 고려 사항

• 삭제 시간 초과를 사용하는 경우 IFRAME이 로드될 수 있도록 적절한 지연을 설정하십시오.
• 해당 콘텐츠에 액세스할 수 없으므로 교차 사이트 요청을 피하십시오.
• jQuery 사용 브라우저 간 호환성 및 명시적 로드 이벤트를 위해.

예

<code class="javascript">$('#myUniqueID').load(function() {
  if (typeof callback == 'function') {
    callback($('body', this.contentWindow.document).html());
  }
  setTimeout(function () {$('#frameId').remove();}, 50);
});</code>

위 내용은 IFRAME이 Javascript로 로드를 완료할 때 콜백을 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!