如何隐藏div元素，以便同一用户随后访问我的网站？

Question

我有一个div元素，仅当用户首次访问我的网站时才显示。

我的网站位于：http://w3programmer.cf

我知道我需要使用display：none来隐藏它，但是我不确定要确定这不是用户第一次访问该网站是必需的。

例如，如果我想删除soup-nav（底部的箭头），我该怎么做？

Answer 1

您必须使用javascript执行此操作。 在用户首次访问您的网站时设置一个cookie，并在用户已经访问您的网站时隐藏该元素。

示例： 将此脚本添加到您网站上的任意位置（例如：正文末尾）

<script>
  if (document.cookie.indexOf("visited=true") >= 0){
    document.getElementById("soup-nav").style.display = 'none';
  }else{
    document.cookie = 'visited=true; expires=Mon, 14 Aug 2028 00:00:00 UTC; path=/'
  }
</script>