iframe 로딩이 완료되었는지 판단하는 방법: 코드 예시
웹 개발에서 외부 페이지나 다른 웹 페이지를 로딩해야 할 때 iframe 태그가 자주 사용됩니다. 그러나 iframe이 로드된 후 iframe에서 콘텐츠를 가져오거나 일부 JavaScript 코드를 실행하는 등 일부 작업을 수행해야 하는 경우가 있습니다. 따라서 iframe이 로드되었는지 판단하는 것은 매우 중요한 작업입니다.
아래에서는 iframe이 로드되었는지 확인하고 구체적인 코드 예제를 제공하는 여러 가지 방법을 공유하겠습니다.
HTML 코드:
<iframe id="myIframe" src="external.html" style="display:none;"></iframe>
JavaScript 코드:
var iframe = document.getElementById("myIframe"); iframe.onload = function() { // iframe加载完成后执行的操作 console.log("iframe加载完成"); };
HTML 코드:
<iframe id="myIframe" src="external.html"></iframe>
JavaScript 코드:
var iframe = document.getElementById("myIframe"); var iframeWindow = iframe.contentWindow; var checkIframeLoaded = function() { if (iframe && iframe.contentDocument.readyState === 'complete') { // iframe加载完成后执行的操作 console.log("iframe加载完成"); } else { // 等待iframe加载完成 setTimeout(checkIframeLoaded, 100); } }; checkIframeLoaded();
HTML 코드:
<iframe id="myIframe" src="external.html"></iframe>
JavaScript 코드:
$(document).ready(function() { $('#myIframe').on('load', function() { // iframe加载完成后执行的操作 console.log('iframe加载完成'); }); });
위는 iframe 로드가 완료되는 시기를 결정하는 몇 가지 방법과 코드 예시입니다. iframe 로딩 완료 이벤트를 모니터링하고 처리하려면 실제 상황에 따라 적절한 방법을 선택하세요. iframe이 로드되었는지 여부를 판단할 때 이 기사가 도움이 되기를 바랍니다.
위 내용은 iframe 로딩이 완료되었는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!