Javascript 仅当访问者第一次看到页面时才显示div？

我需要显示一个#IE只在第一次加载的页面，我不想刷新它，我尝试了这个，但它不会为我工作。。。关于此链接，我明确需要使用localStorage，而不是会话或会话存储：

HTML:

您没有使用MS浏览器！干得好x

JS

//检测IE8及以上，以及边缘
if（document.documentMode | |/Edge/.test（navigator.userAgent））{
文件：GETelEnMyBid（'IE）.InNeMeld=“您正在使用MS浏览器，请考虑使用Chrome或Firefox以获得更好的体验！”
}

JQuery：

<script>


       $(document).ready(function () {
    if (localStorage.getItem('wasVisited') !== undefined) {
        $("#IE").fadeIn("slow").css("display": "flex");
    } else {
        localStorage.setItem('wasVisited', 1);
        $("#IE span").click(function(){
            $("#IE").fadeOut("slow");
        });
    }
});
</script>

$（文档）.ready（函数（）{
if（localStorage.getItem（'wasvistered'）！==未定义）{
$（“#IE”）.fadeIn（“slow”）.css（“display”：“flex”）；
}否则{
setItem（'wasvistered'，1）；
$（“#IE span”）。单击（函数（）{
美元（“#IE”）。淡出（“缓慢”）；
});
}
});

您已将localstorage项检查为==第一次未定义。它应该是==未定义，因为当页面打开时，项目将第一次未定义。

$（“#IE”）。淡出（“慢”）位于
功能内，单击
功能。这就是为什么你不能在页面刷新时隐藏它。把这个拿出来，剩下的就可以了

  $(document).ready(function () {
   if (localStorage.getItem('wasVisited') == undefined) {
    $("#IE").fadeIn("slow").css("display" , "flex");
    localStorage.setItem('wasVisited', 1);
   }
      $("#IE span").click(function(){
        $("#IE").fadeOut("slow");
    });
});

编辑

更改
localStorage.getItem（'wasVisited'）！==未定义的
to
localStorage.getItem（'wasvistered'）==未定义的

及

$（“#IE”）.fadeIn（“slow”）.css（“display”：“flex”）到

$（“IE”）.fadeIn（“slow”）.css（“display”、“flex”）
看起来不错。但是，
localStorage
真的受IE支持吗？！：）为什么在这种情况下会有
else
？如果标志未定义，则显示消息并保存标志（上面的注释很有意义！）@JonasW。我认为LS从IE8开始就得到了支持。可能是@Alon Eitan的重复，你是对的…：）很明显…我在控制台中看到这一行：$（“#IE”）.fadeIn（“slow”）.css（“display”）：“flex”）；对不起，打错了。更改
css（“显示”：“flex”）到
css（“显示”、“灵活”）并请查看更新的代码。复制并粘贴到您的文件中，这一次应该可以正常工作：）仍然不工作…请查看我提供的答案抱歉，您的答案有效。。。谢谢我还没有看到你做的所有编辑。。。
<script>


       $(document).ready(function () {
    if (localStorage.getItem('wasVisited') !== undefined) {
        $("#IE").fadeIn("slow").css("display": "flex");
    } else {
        localStorage.setItem('wasVisited', 1);
        $("#IE span").click(function(){
            $("#IE").fadeOut("slow");
        });
    }
});
</script>

  $(document).ready(function () {
   if (localStorage.getItem('wasVisited') == undefined) {
    $("#IE").fadeIn("slow").css("display" , "flex");
    localStorage.setItem('wasVisited', 1);
   }
      $("#IE span").click(function(){
        $("#IE").fadeOut("slow");
    });
});