iframe 重新加载闪过白块问题

a245090971

于 2015-08-27 10:55:00 发布

阅读量660

点赞数

原文链接：http://www.cnblogs.com/Tinoloving/p/4762658.html

版权

本文介绍了一种解决在使用iframe时出现白屏问题的方法。通过将iframe设置为不可见并在加载完成后显示，有效避免了白屏现象，尤其适用于IE浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用iframe时，iframe背景为白块，刷新时也会闪过白块。如果刷新时间长，就会一直出现白块，让人很烦恼，通过网上搜资料，测试最终解决方法如下所示,注意主要针对IE浏览器测试。

一、iframe 设置不可见 style=" visibility:hidden;"

<iframe id="iframe" style=" visibility:hidden;" src="xx.action" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0"  scrolling="no" ></iframe>

二、当iframe加载完成后去掉visibility

function isLoad() {

            var iframe = document.getElementById("iframe");

            if (iframe.attachEvent) {
                iframe.attachEvent("onload", function () {
                    iframe.style.visibility = "";
                });
            } else {
                iframe.onload = function () {
                    iframe.style.visibility = "";
                };
            }
        }