如何確定 iFrame 是否已載入並包含內容？

如何確定iFrame 載入或內容存在

問題：

問題：

您尋求一種方法確定iFrame 是否已成功載入或包含內容，因為標準方法可能不夠。確定載入狀態對於觸發特定操作或處理載入花費過多時間的場景至關重要。

解：

要有效解決此問題，請考慮以下方法：

// Obtain the iFrame element
var iframe = document.getElementById('i_frame');
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

// Evaluate loading status
if (  iframeDoc.readyState  == 'complete' ) {
    // Loading is completed; execute desired functionality
    afterLoading();
    return;
} 

// Loading is incomplete; re-check in 100 milliseconds
window.setTimeout(checkIframeLoaded, 100);

<script>函數checkIframeLoaded(( ) {<p><pre class="brush:php;toolbar:false">alert("I am here");</script>

}

函數afterLoading(){

}

1. 此腳本的操作如下：
2. 取得iFrame 元素： 腳本透過ID 定位iFrame元素。
3. 檢查載入狀態：它檢查iFrame的readyState屬性。當設定為「完成」時，表示載入完成並觸發 afterLoading() 函數。
4. 遞歸檢查：如果載入未完成，腳本會等待 100 毫秒，然後重新載入評估 iFrame 的狀態。這種遞歸方法確保腳本定期檢查，直到載入完成。

執行自訂函數：完成後，afterLoading() 函數可用於執行任何所需的操作，例如顯示通知或進一步處理載入的內容。

以上是如何確定 iFrame 是否已載入並包含內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！