如何判斷iframe載入完成:程式碼範例
在網頁開發中,當需要載入外部頁面或其他網頁時,常常會使用到iframe標籤。但是,有時候我們需要在iframe載入完成後進行一些操作,例如取得iframe中的內容或執行一些JavaScript程式碼。所以,判斷iframe載入完成是一項很重要的任務。
下面我將分享幾種判斷iframe載入完成的方法,並提供具體的程式碼範例。
HTML程式碼:
JavaScript程式碼:
var iframe = document.getElementById("myIframe"); iframe.onload = function() { // iframe加载完成后执行的操作 console.log("iframe加载完成"); };
HTML程式碼:
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程式碼:
JavaScript程式碼:
$(document).ready(function() { $('#myIframe').on('load', function() { // iframe加载完成后执行的操作 console.log('iframe加载完成'); }); });
以上是幾種判斷iframe載入完成的方法和程式碼範例。根據實際情況選擇合適的方法,即可實現對iframe載入完成事件的監聽和處理。希望本文對您在判斷iframe載入完成時有所幫助!
以上是怎麼判斷iframe載入完成的詳細內容。更多資訊請關注PHP中文網其他相關文章!