javascript - iframe完成加载后如何调用javascript函数？

Question

谁能告诉我如何检测 iframe 是否已完成加载，以便我可以调用 javascript 函数并提醒用户 iframe 已完成加载并在 javascript 函数中执行一些其他过程？（注意我的 iframe 是我自己的网站）我可以从 iframe 中触发回调，因为我可以控制它吗？如果是的话怎么办？

<iframe id ='myframe' src='http://www.example.com/doit.php'></iframe>

Answer 1

尝试这个

<iframe id ='myframe' src='http://www.mysite.com/doit.php' onload="onLoadHandler();"></iframe>

<script type="text/javascript">
function onLoadHandler() {
    alert('loaded');
}
</script>

Answer 2

Handle it just like anything loading:

$('#myframe').on('load', function() {
    // Handler for "load" called.
});

Obsolete answer:

$('#myframe').load(function() {
  // Handler for .load() called.
});

Answer 3

只用普通的 javascript

document.querySelector('#myframe').addEventListener("load", ev => {
    // your stuff
})