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

我有一个iframe链接到另一个内部web应用程序

有一个侧面板，其中有一个链接列表，可以更改

iframe

的

src

。有时，如果有大量数据，则加载

iframe

站点需要一段时间。我想在单击链接时放置一个微调器图标，并在加载帧时隐藏它

我在链接的单击函数中使用

$（'#myiframe'）.attr（'src'，urlVar）

更改src。我可以在单击时显示微调器

问题是，我如何隐藏它？如何确定

iframe

已完成加载

---

我尝试使用

$（'#myiframe'）.load（function（）{}）

，但这只适用于初始加载（即我单击的第一个链接），而不适用于后续加载（如果我单击另一个链接）。

此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');
    };

}

---

这个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');
    };

}