等到下一页完全加载答案

【问题标题】：Wait till next page fully loads等到下一页完全加载
【发布时间】：2018-09-20 19:00:30
【问题描述】：

我有第 1 页和第 2 页，第 1 页中的按钮将用户带到第 2 页。当用户单击第 1 页中的按钮时，我希望 javascript 等到第 2 页完全加载后再显示它，介于两者之间我需要放置加载 gif，以便访问者知道正在加载某些内容。如何使用纯 javascript 实现这一目标？

请不要使用 jQuery。

编辑： javascript 必须粘贴在第一页，以便按钮成为触发器，请注意我们不能在 div 中加载第 2 页，因为有些人可能建议在 div 中加载第 2 页，然后在第 2 页已完全加载时阅读然后显示 div。

【问题讨论】：

查看DOMContentLoaded 和load 事件
DOMContentLoaded 仅在不等待 css 和其他脚本时使用，但我猜第二页必须使用 load 事件，或者有没有办法在第一页使用 load 事件?因为我希望第一页中的按钮成为触发器。
在这种情况下，我认为您将不得不求助于 XHR 请求。
@HusamIbrahim 正如你所指出的，我如何使用 XHR 请求来实现它，我真的是一个新手。
以this question 为例。

【解决方案1】：

window.onload 可能就是你要找的东西

【讨论】：

【解决方案2】：

document.addEventListener("DOMContentLoaded", function(event) {
    //Your code
});

【讨论】：