用cookie点击消失

时间:2014-02-28 22:45:45

标签: javascript html css cookies

我如何让这个代码有一个设置cookie,使其在访问另一个页面后不再出现并返回到它?查看livethebestoftheweb.x10.mx的实时版本

另请参阅我在哪里获得代码 here

        <script type="text/javascript">

function toggle_text(shown, hidden) {
       var e = document.getElementById(shown);
       var f = document.getElementById(hidden);
    if(e.style.display == 'inline') {
                  e.style.display = 'none';
                  f.style.display = 'inline';
      }
      else {
                  e.style.display = 'inline';
                  f.style.display = 'none';
      }
}
</script>
    <div id="shown_first" style="display:inline">
      <a style="cursor:pointer" onclick="toggle_text('shown_first', 'hidden_first')">
      <a href="/popular.html" style="text-decoration:none;"><i> New! </i> Vote for Websites Here</a.
      </a>
</div>
<div id="hidden_first" style="display:none">
      <a style="cursor:pointer" onclick="toggle_text('shown_first', 'hidden_first')">

      </a>
</div>

1 个答案:

答案 0 :(得分:1)

如果我理解你的问题,你需要将一个事件绑定到window.onunload()事件中,该事件会删除你正在寻找的任何cookie。

Html -

<body onunload="deleteCookie()">

JavaScript -

window.onunload=function(){
    // Get cookie
    // Set cookie expiration to yesterday
};

当页面关闭时,它将调用onunload事件。在这种情况下,您将获得您正在寻找的Cookie,然后将该值设置为昨天,以便Cookie过期并从浏览器中删除。