Question

单击按钮时，我使用iframe从我的Web应用程序下载文件。

这是我的代码：

    iframe = document.createElement("iframe");
    iframe.src = "Report/ExportFile.aspx";
    iframe.style.display = "none";
    document.body.appendChild(iframe);

我想在父页面（包含iframe的页面）中调用一个函数来停止加载动画。

我需要知道iframe何时完成加载，并弹出保存/打开对话框以停止它。

我试图在iframe.onload = function（）{// close}中停止动画，但问题是在iframe页面加载中我有这个代码：

    Response.ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
    Response.AddHeader("content-disposition", "attachment;  filename=ExcelDemo.xlsx");
    Response.BinaryWrite(pck.GetAsByteArray());
    Response.Flush();
    Response.End();

所以页面执行终止。

有没有人有解决方案我怎么知道iframe已加载？

Answer 1

我认为你需要涉及一些客户端脚本：

$("#iFrameId").load(function (){ 
    // Do something, probably an AJAX request in your case
});

Answer 2

一种解决方案是在iframe javascript中有一个方法，您可以在iframe完成加载时调用该方法。在此方法内部，在父页面上调用方法：

var iFrameLoaded = function () {
    parent.stopLoadingAnimation();
};

要在iframe的页面加载代码之后继续加载页面，请删除Response.End（）以便继续执行。

Answer 3

你可以看到这个，jquery iframeloaded。

function iframeLoaded() { alert("Iframe loaded!"); }

祝你好运！

我怎么知道iframe已经完成加载？

3 个答案: