Javascript 访客返回网站后不显示弹出窗口

我创建了一个非常简单的弹出窗口。我想当访问者第一次来到网站显示弹出窗口时，他必须选择两个按钮中的一个来关闭弹出窗口。此外，我想不显示弹出框时，用户访问过的网站之前。我知道我可以使用localstorage实现这一点，但我不知道该技术。请，我需要有人写我的本地存储代码，我必须添加到我的代码，这样当有人第一次访问网站显示弹出窗口，并选择两个按钮之一，如果他再次回来不显示使用本地存储内存弹出窗口

谢谢

HTML:

JavaScript:

   var popup = document.getElementById("popup");
   var close_button = document.getElementById("close-button");
   var mainText  = document.getElementById("text");
   var button_left = document.getElementById("button-left");
   var button_right = document.getElementById("button-right");


    function closeBoxLeft() {
       popup.style.display = "none";
    }
    button_left.addEventListener("click", closeBoxLeft)

    function closeBoxRight() {
       popup.style.display = "none";
    }
    button_right.addEventListener("click", closeBoxRight)

---

这是总的想法。通过

localStorage.getItem（）

读取

popup

项，如果它不存在，则显示弹出窗口并通过

localStorage.setItem（）设置
popup


var ls=localStorage.getItem（'popup'）；
如果（！ls）{
document.getElementById（'popup'）.classList.add（'show'）；
setItem（'popup'，true）；
}

.popup{
显示：无；
}
.表演{
显示：块；
}

---

弹出窗口

可能重复的@SouXin well它不是重复的，它太广泛了，不需要操作……您可以尝试使用以下技术。您只需在localStorage中存储两个布尔值，然后检查window.onload是否存在。不是嘟嘟difficult@Jonas“我知道我可以使用localstorage，但我不知道技术”；）但你是对的。广泛的问题是better@pro78不用担心：）谢谢你的回答，它很有效。但是如果你能帮忙，我想得到更多的帮助。如果我不想只在用户单击左键时才向用户显示弹出窗口，请您为我编写代码好吗？@pro78首先，请不要在对您的问题的评论中询问其他解决方案。其次，代码编写服务也是如此。如果你想付钱给我，当然可以。否则，你需要尝试一下，如果你想不出来，再发一篇帖子。

 #popup {
            width: 30%;
            margin: 50px auto;
            padding: 50px;
            border: 10px solid #000;
        }

        #close-button {
            cursor: pointer;
        }

        #text {
            margin-top: 20px;
        }

        #button-left {
            display: inline-block;
            padding: 10px;
            background: #b4b0a9;
            float: left;
            margin-top: 10px;
        }

        #button-right {
            display: inline-block;
            padding: 10px;
            background: #b4b0a9;
            float: right;
            margin-top: 10px;
        }

   var popup = document.getElementById("popup");
   var close_button = document.getElementById("close-button");
   var mainText  = document.getElementById("text");
   var button_left = document.getElementById("button-left");
   var button_right = document.getElementById("button-right");


    function closeBoxLeft() {
       popup.style.display = "none";
    }
    button_left.addEventListener("click", closeBoxLeft)

    function closeBoxRight() {
       popup.style.display = "none";
    }
    button_right.addEventListener("click", closeBoxRight)