Javascript 如何在html页面之间设置自定义预加载程序？

我为我的网站制作了一个自定义预加载程序，现在我想在导航到网站以及在网站上的html页面之间切换时使用此预加载程序

我做了一些研究，但没有澄清如何在代码中设置这个预加载程序。我希望有人能帮助我：P我在发展中是新手，所以是的

#摄像头主体，
#第1卷，
#第二卷{
填充：#fff；
填充不透明度：0.95；
中风：无；
}
身体{
高度：100vh；
颜色：rgba（255255,0.95）；
显示器：flexbox；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：中心；
背景图片：网址（https://www.publicdomainpictures.net/pictures/200000/velka/plain-red-background.jpg); 
}
跨度{
字体系列：“开放式Sans”、arial、Sans serif；
字体大小：1.2米；
字体重量：较轻；
字号：700；
线高：2米；
}

预紧器
网站加载&hellip执行以下操作：

1-将预加载程序另存为svg文件

2-在每个网站页面上放置以下代码：

<div id="preloader">
  <div id="camera"></div>
</div>

正文{
溢出：隐藏
}
#预紧器{
位置：固定；
排名：0；
左：0；
右：0；
底部：0；
背景图片：网址（https://www.publicdomainpictures.net/pictures/200000/velka/plain-red-background.jpg);
z-index:99；/*确保它保持在顶部*/
}
#摄像机{
宽度：300px；
高度：300px；
位置：绝对位置；
左：50%；/*将加载动画水平居中一个屏幕*/
顶部：50%；/*将加载动画垂直居中一个屏幕*/
背景图片：url(https://svgshare.com/i/6js.svg)；/*加载动画的路径*/
背景重复：无重复；
背景位置：中心；
边距：-150px 0-150px/*是宽度和高度除以二*/
}

这并不容易，但是如果您想要这种转换，请查看barba.js
预期的行为是什么？每个页面加载都会创建新的窗口实例，并且没有以前的状态存储page@charlietfl所以你现在告诉我这是不可能的，这取决于你的期望。在下一页完全加载之前，无法维护页面的一部分。建议您阅读浏览器页面加载工作原理和页面生命周期。您是否有一个javascript解决方案，当您导航到其他页面时如何显示它@charlietflYou可以使用卸载事件在当前页面中显示，但我真的认为您需要更好地了解页面生命周期是如何工作的，因为当当前页面被删除时，这不会阻止flash。我已经修复了它：P但感谢您的网站，将来将它保存在我的浏览器中：）