您的位置:首页 > 其它

页面闪白的解决方案

2015-08-10 18:06 204 查看
为公司客户端做了三个html页面,但是加载的时候会有闪白的情况出现,为解决这个问题 增加了loading...显示来避免闪白,客户端定义了两个方法,一个是开始显示loading,一个是通知结束loading;那么页面放在那里调用呢



确实走了几个弯路,一开始将开始函数放在了页面头部,结束函数放在了body的onload里面,效果不是很好,还是会有短暂的闪白出现;

怀疑是页面没有加载完成,提前结束了,后来加入定时器并判断图片是否加载结束,再执行结束函数,效果依然不理想;

最后一个同事提出将开始放在点击导航菜单的时候,结束放在页面body的onload里面,问题搞定(这样loading的显示覆盖了整个页面加载时段)。

其实也许有更好的方案:

比如页面采用div分成两部分,一部分用于显示替代的小图或者flash,也可以是loading图,另外一个div用于显示正常的页面内容,当页面内的图片等加载完成后切换div的显示,没有测试,不知道这个方案效果如何
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: