为了账号安全,请及时绑定邮箱和手机立即绑定

如何实现“加载完成”再跳转?

如何实现“加载完成”再跳转?

MYYA 2019-03-05 17:19:46
原始需求页面A 跳转到 页面B,之间加一个loading中间页,等待页面B的加载,等其完全加载完成,显示页面B。拟定解决方案利用iframe的onload以及浏览器缓存模拟实现代码如下:<html>    <head>    </head>    <body>        正在跳转到https://www.baidu.com        <script>            var iframe = document.createElement('iframe');            iframe.src = 'https://www.baidu.com';            iframr.style.display = 'none';            iframe.onload = function(){                alert('iframe loaded');                location.replace('https://www.baidu.com');            }            document.body.appendChild(iframe);        </script>    </body></html>但是发现,其实这种方案并不能完全满足需求,在Chrome中发现跳转到真实页面时,很多静态资源还是需要去请求的,并不是从缓存中取。因此,是否有更好的解决方法?最好是纯前端层面。补充:强调一下,B页面是第三方页面,比如https://www.baidu.com关注 | 3收藏
查看完整描述

3 回答

?
临摹微笑

TA贡献1982条经验 获得超2个赞

B 页面打开就是一个 loader,js 判断所有静态资源加载完成后删除 loader


查看完整回答
反对 回复 2019-03-14
  • 3 回答
  • 0 关注
  • 1468 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信