为公司客户端做了三个html页面,但是加载的时候会有闪白的情况出现,为解决这个问题 增加了loading...显示来避免闪白,客户端定义了两个方法,一个是开始显示loading,一个是通知结束loading;那么页面放在那里调用呢
确实走了几个弯路,一开始将开始函数放在了页面头部,结束函数放在了body的onload里面,效果不是很好,还是会有短暂的闪白出现;
怀疑是页面没有加载完成,提前结束了,后来加入定时器并判断图片是否加载结束,再执行结束函数,效果依然不理想;
最后一个同事提出将开始放在点击导航菜单的时候,结束放在页面body的onload里面,问题搞定(这样loading的显示覆盖了整个页面加载时段)。
其实也许有更好的方案:
比如页面采用div分成两部分,一部分用于显示替代的小图或者flash,也可以是loading图,另外一个div用于显示正常的页面内容,当页面内的图片等加载完成后切换div的显示,没有测试,不知道这个方案效果如何
时间: 2024-10-11 00:37:11