javascript - 如何等到 iframe 刷新完成后再执行函数？

Question

当有人使用以下代码单击图像时，我正在刷新页面上的 iframe:

 $("img").click(function() {
      $('#space iframe').attr('src', function(i, val){ return val; });

      openBox();
 });

但我只想在 iframe 刷新完成后执行 openBox() 函数。

我怎样才能实现这样的目标？

Answer 1

使用 jQuery:

$('#frameId').on('load', function() {
  //code to execute after frame loaded
});

使用普通 JavaScript:

document.getElementById('frameId').addEventListener('load', function() {
  //code to execute after frame loaded
});