IFRAME 로드 완료 시 콜백 실행

IFRAME 작업 시 로드 프로세스가 완료된 후 콜백을 실행하는 것이 중요한 요구 사항일 수 있습니다. . 그러나 특히 IFRAME 콘텐츠에 대한 제어 권한이 부족한 경우 이 작업이 어려울 수 있습니다.

이 문제를 해결하려면 IFRAME 생성을 수정하고 시간 초과 메커니즘을 통합하는 기술을 사용할 수 있습니다. IFRAME을 프로그래밍 방식으로 생성하면 이벤트 리스너를 추가할 수 있습니다. 다음 코드는 이를 달성하는 방법을 보여줍니다.

$(iFrameObj).load(function() {
  document.body.removeChild(iFrameObj);
  setTimeout(function() {
    callback(iFrameObj.innerHTML);
  }, 50);
});

이 코드 조각에서 볼 수 있듯이 'load' 이벤트 리스너는 IFRAME이 생성된 후 연결됩니다. 로드가 완료되면 IFRAME이 DOM에서 제거되고 IFRAME이 더 이상 존재하지 않는 후 콜백이 실행되도록 짧은 시간 초과가 도입됩니다. 이 시간 초과 버퍼는 브라우저 동작의 잠재적 불일치를 설명합니다.

이 방법은 IFRAME의 URL이 도메인 내에 있다고 가정한다는 점에 주목할 가치가 있습니다. 교차 사이트 요청인 경우 브라우저 보안 조치로 인해 IFRAME 콘텐츠에 대한 액세스가 제한되며 대체 접근 방식이 필요할 수 있습니다.