码迷,mamicode.com
首页 > 其他好文 > 详细

页面闪白的解决方案

时间:2015-08-10 19:45:34      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

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

技术分享

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

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

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

其实也许有更好的方案:

比如页面采用div分成两部分,一部分用于显示替代的小图或者flash,也可以是loading图,另外一个div用于显示正常的页面内容,当页面内的图片等加载完成后切换div的显示,没有测试,不知道这个方案效果如何

页面闪白的解决方案

标签:

原文地址:http://www.cnblogs.com/xjg6699/p/4718767.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!