javascript - 如何在更改 iframe 源时多次触发 iframe 加载事件

Question

我有一个链接到另一个内部 Web 应用程序的 iframe。

有一个侧面板，其中包含更改 iframe 的 src 的链接列表。有时，如果有大量数据，iframe 站点需要一段时间才能加载。我想在单击链接时放置一个微调器图标，并在加载框架时隐藏它。

我在链接的点击函数中使用 $('#myiframe').attr('src', urlVar) 更改 src。我可以在点击时显示微调器。

问题是，如何隐藏它？如何知道 iframe 已完成加载？

我尝试使用 $('#myiframe').load(function() { }) 但这仅适用于初始加载(即我单击的第一个链接)，不适用于后续加载加载(如果我点击另一个链接)。

Answer 1

这个 JavaScript 对我有用:

function loadNewUrl (url){

    if(url === undefined) url = 'http://example.com?v=' + Math.random();

    var ifr = document.getElementById('myiframe');

    ifr.setAttribute('src',url);
    ifr.onload = function() {
        alert('loaded');
    };

}