我有一个网页,它通过 javascript 将 iFrame 动态加载到自身中。这导致 IE 中出现白色闪烁,我能够使用 iFrame 上的以下属性解决闪烁问题:
<iframe style="visibility:hidden;" onload="this.style.visibility = 'visible';" src="../examples/inlineframes1.html" > </iframe>
加载框架后,我使用 target="frameName" 将其他页面加载到框架中 - 而不是通过动态更改 iFrame 的源。然而,这会导致另一个白色闪光。
更有趣的是,在 iFrame 中加载的页面是跨域的。
父级中的 iFrame 如何知道页面何时在 iFrame 中完成加载,而不会导致 iFrame 文档中的 postMessage?
换句话说,当 iFrame 的文档加载时,是否会在 PARENT 中触发某种事件?
如果有,那么我可以在“a”标签的点击事件中使 iFrame 不可见,并在 iFrame 的文档加载后再次使其可见,从而避免白色闪烁。