如何实现“加载完成”再跳转？
原始需求
页面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
MYYA浏览 1469回答 3
3回答
-
临摹微笑
B 页面打开就是一个 loader，js 判断所有静态资源加载完成后删除 loader
随时随地看视频慕课网APP
相关分类
JavaScript