콘텐츠에 액세스하지 않고 Javascript에서 IFrame 로딩 이벤트를 처리하는 방법은 무엇입니까?

Javascript에서 IFrame 로딩 이벤트 처리

Javascript에서는 IFRAME 콘텐츠가 있더라도 IFRAME 로딩이 완료되면 콜백을 실행하는 것이 가능합니다. 접근할 수 없습니다. 이를 달성하는 방법은 다음과 같습니다.

방법:

1. 프로그래밍 방식으로 IFRAME을 생성하고 이를 DOM에 추가합니다.
2. jQuery를 사용합니다. load() 이벤트 핸들러를 사용하여 IFRAME 로드 완료를 감지합니다.
3. 콜백 내에 시간 제한(예: 50밀리초)을 적용하여 IFRAME 제거를 지연시켜 데이터 검색을 보장합니다.

예:

<code class="js">$('#myUniqueID').load(function () {
    if (typeof callback === 'function') {
        // Retrieve the IFRAME body content and pass it to the callback
        callback($('body', this.contentWindow.document).html());
        // Remove the IFRAME after a short delay to allow content retrieval
        setTimeout(function () { $('#myUniqueID').remove(); }, 50);
    }
});</code>

참고: IFRAME 콘텐츠가 다른 도메인에서 제공되는 경우 CORS(교차 원본 리소스 공유)로 인해 해당 본문을 검색할 수 없습니다. 제한됩니다.

위 내용은 콘텐츠에 액세스하지 않고 Javascript에서 IFrame 로딩 이벤트를 처리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!