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

处理它就像装载任何东西一样：

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

过时的答案：

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

Answer 3

只需简单的javascript

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

如何在iframe完成加载时调用javascript函数？

3 个答案: