html重新加载页面 闪,html5 – 如何修复iframe页面重新加载时的chrome闪烁

@ user247245：从你的问题来看,你并不完全清楚你(想)如何使用iframe.它会定期重新加载,还是整个网页加载一次？

解决方案1：不同的背景颜色

如果你只是想避免丑陋的白色,并避免过度复杂.在framecontents.html文件的HTML标头中设置不同的背景颜色,如下所示：

这样,当CSS文件加载,解析和应用时,背景不是#fff.

解决方案2：透明iframe

虽然没有内容,但iframe应该不可见.解：

当然,不要将它与解决方案1结合使用,你会在脚下拍摄自己.

解决方案3：预加载iframe页面

如果您稍后加载iframe(例如用户单击链接),请考虑预加载其内容.将其隐藏在(父)页面的顶部附近：

但我建议使用解决方案2.

解决方案4：如果在进行移动Web界面：

了解jQuery Mobile是如何做到的.我们构建了一个必须感觉像本机应用程序的Web界面,因此无需重新加载闪存. jQM解决了这个问题.基本上是后台ajax调用来检索完整的HTML内容,然后提取正文(“page”div更精确),然后替换内容(如果你愿意,可以转换).一直在显示重装旋转器.

总而言之,这更像是一个移动应用程序：没有重载闪烁.其他解决方案是：

解决方案5：使用JS注入CSS：

解决方案6：使用JS注入CSS(简单版)

parent.document.getElementById("theframe").style.visibility = "hidden";

你可以省去< script> part并添加style =“visibility：hidden;”到iframe,但上面将确保对于禁用JS的访问者可以看到框架.实际上,我建议这样做,因为99％的访问者无论如何都启用了它,它更简单,更有效.