在第一页访问时显示元素答案

【问题标题】：Display an element on first page visit在第一页访问时显示元素
【发布时间】：2020-07-26 23:43:40
【问题描述】：

我希望我的网站在用户第一次打开时显示一些内容。但是在他第二次在另一个站点上并返回后，它应该被隐藏起来。我知道 sessionStorage 是可能的，但我完全不知道该怎么做。这是我的代码：


var status2=false;

if (statusSession==="false")
{
  $("label").hide();
  $("select").hide();
  $("input").hide();
  $("button").hide();
  $("h1").html("Welcome Press Space To Start");
  $(document).on("keypress",function(){
    if(status2===false)
    {
      $("h1").hide();
      $("label").show();
      $("select").show();
      $("input").show();
      $("button").show();
      status2===true;
    }
  })
}```

【问题讨论】：

标签： javascript session

【解决方案1】：

SessionStorage 在会话结束时被擦除，因此您希望使用 LocalStorage 以便在您浏览到另一个站点并返回时信息仍然存在。

尝试抓取存储项，如果不存在则为null，然后使用if语句对其进行测试，然后设置为下一次：

const hasVisited = localStorage.getItem('hasVisited');

if(!hasVisited) {

  localStorage.setItem('hasVisited', true)

  // Do something

} else {

  // Do something else

}

这里是使用存储 API 的 docs。

【讨论】：