检查iframe是否已完全加载

Question

如何检查我的iframe是否已完全加载？这样，一旦它被完全加载和播放，我将执行进一步的操作。那么我该怎么做呢？

<iframe id="iframe" style="
position: fixed;
height: 100%;
width: 100%;
overflow: hidden;
z-index: 10;
display: none;
">
</iframe>
<script>
let iframe = document.getElementById("iframe");
iframe.src = "https://www.bing.com/";
iframe.style.display = 'Block';
//if iframe has been loaded completely then perform below operations
//using while loop?
{ 
alert("iframe loaded");
}
</script>

Answer 1

您只需要一个load事件侦听器，如下所示：

<iframe id="iframe" style="
position: fixed;
height: 100%;
width: 100%;
overflow: hidden;
z-index: 10;
display: none;
">
</iframe>
<script>
let iframe = document.getElementById("iframe");
iframe.src = "https://www.bing.com/";
iframe.style.display = 'Block';
//if iframe has been loaded completely then perform below operations
function postLoadActions()
{ 
alert("iframe loaded");
}
iframe.addEventListener("load",postLoadActions);
</script>