**iFrame이 로드되었고 콘텐츠가 포함되어 있는지 확실하게 확인하는 방법은 무엇입니까?**
- DDD원래의
- 2024-10-24 21:48:03705검색
콘텐츠 감지를 위한 iFrame 로드 상태 확인
웹 개발에서는 콘텐츠를 iFrame에 동적으로 로드해야 하는 경우가 많습니다. 적절한 기능을 보장하고 잠재적인 오류를 방지하려면 iFrame이 언제 성공적으로 로드되고 콘텐츠가 포함되었는지 확인하는 것이 중요합니다.
문제:
변수 로딩이 있는 iFrame을 고려해보세요. 시간. iFrame이 로드를 완료했는지 또는 콘텐츠를 획득했는지 감지하는 방법이 필요합니다. iframe.contents().find() 또는 iframe.load(function())과 같은 접근 방식이 항상 가능하지는 않습니다.
해결책:
여기 JavaScript가 있습니다. iFrame의 로드된 상태를 효과적으로 확인하는 함수:
<code class="javascript">function checkIframeLoaded() {
// Get iframe reference
var iframe = document.getElementById('i_frame');
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
// Check if loading is complete
if (iframeDoc.readyState == 'complete') {
// Loading is complete
afterLoading();
return;
}
// Set timeout for re-checking
window.setTimeout(checkIframeLoaded, 100);
}
function afterLoading(){
// Execute desired code after iFrame load
}</code>
HTML 문서에 다음을 추가합니다.
<code class="html"><body onload="checkIframeLoaded();"></code>
이 기능은 로드 상태를 나타내는 iFrame의 ReadyState 속성을 주기적으로 확인합니다. ReadyState가 'complete'이면 iFrame이 로드된 것이며 afterLoading() 함수를 통해 원하는 코드를 실행할 수 있습니다.
위 내용은 **iFrame이 로드되었고 콘텐츠가 포함되어 있는지 확실하게 확인하는 방법은 무엇입니까?**의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.