javascript - 使用 jQuery 捕获 iframe 重新加载

Question

我有一个像这样用 jQuery 动态加载的 iframe

jQuery('<iframe id="myFrame" src="iframesrc.php"></iframe>').load(function(){
    // do stuff when loaded
}).prependTo("#myDiv");

而且我想在每次重新加载内部框架时捕获重新加载事件。我试过这个：

jQuery('body').on('load', '#myDiv', function() {
    alert('iframe loaded');
});

但我没有得到任何响应，无论是在初始加载时还是在 iframe 中跟随链接时。我究竟做错了什么？

Answer 1

您在上面的示例中寻找loaddiv 的操作，而不是 iframe。尝试：

$("#myFrame").on("load", function () {
    alert("Hi there, hello");
})

此外，如果您不使用其他库，$()请使用 jQuery 而不是jQuery()

另请注意，您要在页面上运行的任何函数都必须绑定到 jQuery 的文档就绪事件，如下所示：

$(function () {
    // your code goes here
    $("#myFrame").attr("src", "http://google.com"); // <- this works
})

$("#myFrame").attr("src", "http://google.com"); // <- this does not work

Answer 2

对于新网址

location.assign("http:google.com");

assign() 方法加载一个新文档。

重新加载

location.reload();

reload() 方法用于重新加载当前文档。