用window.location.href做页面跳转,怎么在新页面加载完全之前实现loading效果?
阿神2017-05-19 10:47:07
如果是我的话,我会这样做:
1、可以在window.location.href跳转的页面里面本身加loading效果。
2、如果没变法修改window.location.href跳转页面的内容,我会用ajax请求页面,将html插入到当前页面,在请求页面的时间loading。
给我你的怀抱2017-05-19 10:47:07
location.href跳转是会导致页面完全刷新的,这已经和之前的页面无关。
页面是从上到下解析的,将loading放在上部,自然会被优先加载,但如果使用的是图片,图片的下载是异步进行,所以还是无法把控顺序,可能会一闪而过。
如果非要看到,可以使用非图片的loading,然后先把其他内容隐藏,只出现loading,等加载完全触发ready后再显示。
PHPz2017-05-19 10:47:07
使用window.location.href
去完成页面的跳转,这是瞬发的,所以在跳转页(A)做loading
是不靠谱的。
那么loading
效果是应该放到被跳转页(B)来做。但是img
标签src
属性是异步的,如果不是用js
去控制的话,那么这时你也无法保证img
加载的时间,这个时候可以试着用直接写进模板文件当中的css
的loading
效果来做,等页面加载完了之后关掉css
的loading
效果。
迷茫2017-05-19 10:47:07
你这个有兼容性要求么?可以在跳转也加一个loading 层,用js 控制一下
我写了个例子:
https://www.mnzld.net/demo/lo...