如何檢測iframe的源頁面是否已完全加載到DOM中

Question

我希望在將iframe的源頁面加載到DOM中以執行一些自定義客戶端之后觸發事件。 請幫我。

Answer 1

使用onload事件：

document.getElementById("iframe-id").addEventListener("load",event=>{
    //Do some stuff when iframe loaded
})

Answer 2

如果iframe的內容與包含頁面的來源相同，則可以在其上偵聽DOMContentLoaded事件：

theFrame.documentWindow.addEventListener("DOMContentLoaded", function() {
    // ...
});

（如果內容不是來自同一來源，那么我認為您無法掛鈎該事件-但這沒關系，因為您也將無法進行您提到的自定義。：- ））