javascript - 如何使 div/popup 在浏览器中显示一次。普通的 Vanilla 脚本

Question

//JavaScript 文档

我试图在用户访问浏览器时执行此操作，它只显示一次。我知道这与本地存储有关，但当我搜索类似的内容时，我看到的只是 jquery。

我真的很想知道如何用普通的 javascript 而不是 jquery 来做到这一点。

(function() {
    "use strict";
    console.log("SEAF Fired");  

    function popup (hideOrshow){
        if (hideOrshow == 'hide') 
        document.getElementById("popupBox").style.display="none";
        else document.getElementById("popupBox").style.display="block";
    }

    window.onload = function (){
        setTimeout(function(){
            popup('show');
        },3000);

        document.getElementById('close').onclick=function(){
            document.getElementById('popupBox').style.display="none"
        };          
    }
})();

Answer 1

有关本地/ session 存储的更多信息请参见此处； https://www.w3schools.com/html/html5_webstorage.asp

我鼓励您使用 session 存储而不是本地存储。

为什么？

window.localStorage - 存储没有过期日期的数据

window.sessionStorage - 存储一个 session 的数据(关闭浏览器选项卡时数据会丢失)

假设您的浏览器支持本地存储，并且您以其他方式处理这种情况。

if (!window.sessionStorage.popupFlag) {
   // Logic to show popup once goes here...
   window.sessionStorage.popupFlag = true;
}