javascript - 每次用户访问网站时只显示一次 div-6ren

javascript - 每次用户访问网站时只显示一次 div

转载作者：搜寻专家更新时间：2023-10-31 22:42:19

26

4

我试图在每次用户访问网站时仅显示一次 div 元素。我已经看到类似问题的多个答案，但它们似乎都不起作用......我写了一个代码，但它不起作用......我从其他地方得到了一部分代码(我可以不记得了)这就是它不起作用的原因吗？

这是代码

<script type="text/javascript">
//<![CDATA[

var once_per_session=1


function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) { // if cookie exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1)
         end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
  return returnvalue;
}

function alertornot(){
if (get_cookie('alerted')==''){
loadalert()
document.cookie="alerted=yes"
}
}

function loadalert(){
document.getElementById("popupp").style.visibility = visible;

if (once_per_session==0)
loadalert()
else
alertornot()

//]]>
</script>

<div class="popupp" style="visibility:hidden;">hi</div>

你认为你能帮我找出问题所在吗？

编辑

我知道了!在这里:

<script type='text/javascript'>//<![CDATA[ 
window.onload=function(){
(function() {
    var visited = localStorage.getItem('visited');
    if (!visited) {
        document.getElementById("popupp").style.visibility = "visible";
        localStorage.setItem('visited', true);
    }
})();
}//]]>  

</script>


</head>
<body>
  <div id="popupp" style="visibility:hidden;">hi</div>

</body>

最佳答案

您可以改用 localStorage，只有当用户清除它时，他才会再次弹出(与 cookie 相同)，但它更简单:

(function() {
    var visited = localStorage.getItem('visited');
    if (!visited) {
        document.getElementById("popupp").style.visibility = "visible";
        localStorage.setItem('visited', true);
    }
})();

html:

<div id="popupp" style="visibility:hidden;">hi</div>

这样你会得到更少的代码。希望这会有所帮助。

关于javascript - 每次用户访问网站时只显示一次 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30899415/

26

4

0

文章推荐： javascript - 如何使用文本框值过滤多项选择中的值

文章推荐： node.js - 授权后 Passport 不重定向

文章推荐： node.js - 发送推送通知后应用卡在 'Enter PEM pass phrase'

文章推荐： php - 防止 PHP Web 应用程序中的 JavaScript 注入(inject)

git - 如何在使用 Bitbucket Pullrequest Builder Plugin 时只 checkout Jenkinsfile 而不是整个分支？
背景: 我正在使用的 Jenkins 插件是: Bitbucket 插件 Bitbucket Pullrequest Builder 插件我工作的公司正在使用 Jira + Bitbucket。我

首页

博学

6Ren·AI

商城

javascript - 每次用户访问网站时只显示一次 div