javascript使用cookie实现DIV提示框只显示一次的方法

玩技站长
玩技站长
管理员, Keymaster
11055
文章
0
粉丝
科技百科评论152字数 333阅读1分6秒阅读模式
摘要本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法。分享给大家供大家参考,具体如下:。这里运用JavaScript的cookie技术,控制网页上的提示DIV只显示一...

本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法。分享给大家供大家参考,具体如下:

这里运用JavaScript的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第一次打开网页的时候才显示,第二次自动隐藏起来,很好的提升了用户体验,不会使用户烦感;利用Cookies,我们还可做超多的事情,慢慢体会吧。文章源自玩技e族-https://www.playezu.com/743568.html

<!DOCTYPE html>
<html xmlns=") #FEFFCF 40px 0px no-repeat;
      border: #EDCE7B 1px solid;
    }

    .guanbi {
      float: right;
      font-size: 12px;
      padding: 6px;
    }
  </style>
  <script>
    function cookiesave(n, v, mins, dn, path) {
      if (n) {
        if (!mins) mins = 365 * 24 * 60;
        if (!path) path = "/";
        var date = new Date();
        date.setTime(date.getTime() + mins * 60 * 1000);
        var expires = "; expires=" + date.toGMTString();
        if (dn) dn = "domain=" + dn + "; ";
        document.cookie = n + "=" + v + expires + "; " + dn + "path=" + path;
      }
    }

    function cookieget(n) {
      var name = n + "=";
      var ca = document.cookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
      }
      return "";
    }

    function closeclick() {
      document.getElementById('note').style.display = 'none';
      cookiesave('closeclick', 'closeclick', '', '', '');
    }

    function clickclose() {
      if (cookieget('closeclick') == 'closeclick') {
        document.getElementById('note').style.display = 'none';
      } else {
        document.getElementById('note').style.display = 'block';
      }
    }

    window.onload = clickclose;
  </script>
</head>
<body>
  <div id="note" class="note" style="display: none;">
    <div>
      <a href="#" onclick="closeclick()" class="guanbi">
        <img src="images/close-note.gif" border="0" />
      </a>
    </div>
  </div>
</body>
</html>
文章源自玩技e族-https://www.playezu.com/743568.html文章源自玩技e族-https://www.playezu.com/743568.html
 
匿名

发表评论

匿名网友
确定

拖动滑块以完成验证