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

Question

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

有一个侧面板，其中包含一个链接列表，用于更改src的{​​{1}}。有时，如果有大量数据，iframe网站需要一段时间才能加载。我希望在单击链接时放置一个微调器图标，并在加载帧时隐藏它。

我在链接的点击功能中使用iframe更改了src。我可以点击显示微调器。

问题是，我该如何隐藏它？如何找出$('#myiframe').attr('src', urlVar)已完成加载？

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

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

}