document.addEventListener("DOMContentLoaded", function() { var appElement = document.getElementById("app"); var loaderWrapperElement = document.getElementById("loader-wrapper"); if (appElement) { // 隐藏 loader-wrapper loaderWrapperElement.style.display = "none"; } }); 判断只有首次进入项目时加载,其他情况,就是项目中F5刷新时不执行
时间: 2024-04-13 09:28:34 浏览: 292
要实现只在首次进入项目时隐藏loader-wrapper,并在刷新页面时不执行隐藏操作,你可以使用浏览器的`sessionStorage`来记录是否已经进行过隐藏操作。
以下是一个示例代码:
```javascript
document.addEventListener("DOMContentLoaded", function() {
var appElement = document.getElementById("app");
var loaderWrapperElement = document.getElementById("loader-wrapper");
// 检查是否已经进行过隐藏操作
var isHidden = sessionStorage.getItem("isHidden");
if (appElement && !isHidden) {
// 隐藏 loader-wrapper
loaderWrapperElement.style.display = "none";
// 将隐藏状态记录到sessionStorage中
sessionStorage.setItem("isHidden", "true");
}
});
```
在这个示例中,我们首先检查`sessionStorage`中是否已经记录了隐藏操作的状态。如果没有记录或者状态为false,则执行隐藏操作,并将隐藏状态记录到`sessionStorage`中。这样,在刷新页面时,由于`sessionStorage`中已经有了记录,不会再执行隐藏操作。
请将这段代码添加到你的项目中并测试一下效果。当第一次进入项目时,loader-wrapper会被隐藏,但在刷新页面时不会再次隐藏。
阅读全文