Html 使用materialize css创建一次性弹出窗口

有没有办法避开jquery，让每个浏览器只显示一次通知

例如，当用户访问网站时，会弹出通知，也就是说，下次当用户从同一个浏览器访问网站时，通知不会显示给他

我主要是为了避免添加jquery，所以如果有人知道如何使用materializecss或一些简单的html来实现这一点，我将不胜感激。

您需要添加cookies 然后检查它是否存在

如果（GetCookieShowMessageDocument（'ShowPoPUP'））{…}

以下是一个示例：

 function GetCookieShowMessageDocument(c_name) {
        var i, x, y, ARRcookies = document.cookie.split(";");
        for (i = 0; i < ARRcookies.length; i++) {
            x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
            y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
            x = x.replace(/^\s+|\s+$/g, "");
            if (x == c_name) {
                return unescape(y);
            }
        }
    }

    function SetCookieShowMessageDocument(name, value, days) {
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            var expires = "; expires=" + date.toGMTString();
        }
        else var expires = "";
        document.cookie = name + "=" + escape(value) + expires + "; path=/";
    }

函数GetCookieShowMessageDocument（c_名称）{ 变量i，x，y，ARRcookies=document.cookie.split（“；”）； 对于（i=0；i<0.length；i++）{ x=ARRcookies[i].substr（0，ARRcookies[i].indexOf（“=”）； y=ARRcookies[i].substr（ARRcookies[i].indexOf（“=”）+1）； x=x.replace（/^\s+|\s+$/g，”）； 如果（x==c_名称）{ 返回unescape（y）； } } } 函数SetCookieShowMessageDocument（名称、值、天数）{ 如果（天）{ 变量日期=新日期（）； date.setTime（date.getTime（）+（天*24*60*60*1000））； var expires=“；expires=“+date.togmString（）； } else var expires=“”； document.cookie=名称+“=”+转义（值）+过期+“路径=/”； }

---

如何触发通知

您可以执行基本的本地存储检查，例如“检测”通知是否已显示：

function foo() {

  const hasSeenNotification = window.localStorage.getItem('shown');
  if (!hasSeenNotification) {

    window.localStorage.setItem('shown', true);

    // show notification here
    // ...
  }

}

---

第一次设置它时，请阅读，然后检查它