JavaScript 设置和获取Cookie示例-实例在线编辑器(nhooo.com)

<!DOCTYPE html>
<html>
<title>JavaScript 设置和获取Cookie示例 - 基础教程(nhooo.com)</title>

<body>

<h2>JavaScript Cookies</h2>

<button type="button" id="btn1">设置Cookie</button>
<button type="button" id="btn2">获取Cookie</button>

btn1.onclick = function() {
  var user = document.getElementById("uname").value;
  
  setCookie("username", user);
  alert("已设置Cookie，点击“获取Cookie”可以读取");
}

btn2.onclick = function() {
   getCookie("username");
}

function setCookie(cname, cvalue) {
  var now = new Date();
  now.setMonth( now.getMonth() + 1 );
  var expires = "expires="+ now.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
  var allcookies = document.cookie;
  cookieArr = allcookies.split(';');

for(var i = 0; i < cookieArr.length; i++) {
     var cookiePair = cookieArr[i].split("=");
     if(cname == cookiePair[0].trim()) {
        document.write ("Cookie名称为 : " + cookiePair[0] + " ，Cookie的值为 : " + cookiePair[1]);
     }
  }
}
</script>

</body>
</html>