动态创建的iframe的onload事件永远不会在IE中触发

Question

我有一个IE的问题，当动态创建iframe时，iframe的“onload / load”事件不会触发 ，将其源设置为pdf并将其附加到文档。

我需要监听事件的原因是因为我需要隐藏iframe直到帧加载，然后使用一些效果将其淡入视图。

我已经在我测试的每个浏览器（Chrome，Firefox，Safari，移动Safari）中都可以使用它，但它在IE8-> IE11中无效。

我已经看过很多关于IE如何不触发onload事件的帖子，而且根据我收集的内容，以下内容应该有效：

// listen for when the iframe's content has been loaded...
if (window.addEventListener)
    iframe.addEventListener("load", framedContentLoaded, false);
else if (window.attachEvent)
    iframe.attachEvent("onload", framedContentLoaded);
else
    iframe.onload = framedContentLoaded;

但是，我的函数framedContentLoaded永远不会在IE中被触发。

我创造了一个小提琴，重现了这个问题： http ： //jsfiddle.net/s5TUU/

Answer 1

我有同样的问题，我使用浏览器检测和onreadystatechange事件来迎合IE，但后来它停止了IE11的工作。

已报告此错误，并提到了一种解决方法。

解决方法是将pdf放入带有iframe的html页面，然后将该html页面加载到主iframe中。 你会有嵌套的iframe，它不漂亮，但它似乎与IE很好。 您将使用onload事件，使其成为跨浏览器解决方案。 您需要使父级和子级iframe具有相同的大小，并禁用父iframe上的滚动条，这样您就不会获得双滚动条。

在我的情况下我使用ASP.Net MVC，我设置我的父iframe src来调用控制器动作，并将pdf url作为url参数传递。 该操作返回一个带有子iframe的视图，并将pdf分配给其src。

Answer 2

一个简单的解决方案是简单地使用Google Viewer for PDF。 这不仅显示了PDF，而且onLoad属性无疑也会起作用。 Google Viewer： https ： //docs.google.com/viewer我还应该注意，在网页上嵌入PDF的正确方法是使用embed标记，而不是iframe。 也许，您可以尝试使用onreadystatechange事件吗？

Answer 3

使用jquery为此。

Var iframe = $（“”）; iframe.attr（....）

$（ “＃内容”）HTML（iframe中）。 iframe.load（myFunction的）;