javaScript--7 cookies設(shè)置與獲取

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Cookies</title>
</head>

<head>
  <script>
    // 設(shè)置cookie
    function setCookie(cname, cvalue, exdays) {
      var d = new Date();
      d.setTime(d.getTime() + (exdays * 1000));
      var expires = "expires=" + d.toGMTString();
      document.cookie = cname + "=" + cvalue + "; " + expires;
    }

    //添加Cookie
    function addCookie() {
      var cookieName = document.getElementById("setCookie").value;
      var cookieValue = document.getElementById("param").value;
      var cookieEx = document.getElementById("time").value;
      setCookie(cookieName, cookieValue, cookieEx);
    }

    // 獲取cookies
    function getCookie(cname) {
      var name = cname + "=";
      var ca = document.cookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i].trim();
        if (c.indexOf(name) == 0) {
          return c.substring(name.length, c.length);
        }
      }
      return "無數(shù)據(jù)";
    }

    //查詢Cookie
    function loadCookie() {
      var cookieName = document.getElementById("getCookie").value;
      var cookieValue = getCookie(cookieName);
      document.getElementById("spnCookies").innerText = cookieValue;
      console.log(cookieName + "====" + cookieValue);
    }
  </script>
</head>

<body>
  設(shè)置cookies：<br />
  名稱：<input type="text" id="setCookie" /> 參數(shù)：<input type="text" id="param" /> 有效時間：<input type="number" id="time">
  <input type="button" value="添加Cookie" onclick="addCookie()" /><br>

  獲取cookies:<br />
  名稱：<input type="text" id="getCookie" /> <span id="spnCookies"></span><br>
  <input type="button" value="獲取Cookie"
    onclick="loadCookie()" />
</body>

</html>
posted @ 2022-10-03 13:33 怪圣卡杰閱讀(52) 評論(0) 收藏舉報
刷新頁面返回頂部
javaScript--7 cookies設(shè)置與獲取

公告
