Javascript 如何为博客创建欢迎页面

我将此代码用于博客上的欢迎页面。但当我点击任何一个页面时，首先会显示欢迎屏幕。我需要它只显示一次，每个用户当他们第一次登录到我的网页

<code>
  <div id="first_p" style="text-align: center; margin-top: 5px;">
    <a onclick="document.getElementById('main_p').style.display = 'block';document.getElementById('first_p').style.display = 'none';" href="#">
      <img src="www.test.jpg" border="0">
    </a>
  </div>
  <div id="main_p" style="display: none;">
</code>

---

如何使它在每次登录时只显示一次？

如果它类似于加载屏幕，请使用带绝对位置的屏蔽div。使用cookies确保刷新页面时不显示cookies

$（函数（）{
if（类型（存储）！=“未定义”）{
if（localStorage.getItem（“已访问”）==null）{
$（“a”）。单击（函数（）{
$（“#掩码”）.fadeOut（）；
});
}
其他的
$（“#掩码”）.hide（）；
}否则{
$（“a”）。单击（函数（）{
$（“#掩码”）.fadeOut（）；
});
}
setItem（“已访问”，true）；
});
*{font-family:'Segoe-UI'；填充：0；边距：0；列表样式：无；文本装饰：无；}
#遮罩{位置：固定；背景色：rgba（0,0,0,0.75）；左侧：0；顶部：0；底部：0；右侧：0；z索引：99；}
#掩码.消息{位置：绝对；高度：60px；背景色：fff；宽度：50%；左侧：25%；顶部：50%；页边顶部：-30px；文本对齐：中心；边框半径：20px；}

欢迎来到我的网站
继续

谢谢。如何使用cookies确保页面刷新时不显示？@user5268051正在更新答案。请注意。@user5268051已更新。这只适用于您的本地实例，而不适用于fiddle。不要对您只需要在客户端使用的数据使用cookie。会是更好的选择。@Gothdo好主意<代码>：）

不要使用

[onclick]

，它已经过时了。