cookie
cookie 是一个具有特定格式的文本字符串
cookieName=cookieValue;expires=expirationDateGMT;path=URLpath;domain=siteDomain
这个字符串的第一部分给 cookie 命名并给它赋值。这是 cookie 中唯一必须有的部分,字符串的其余部分都是可选的。接下来是 cookie 的过期日期(expiration date),当到了这个日期,浏览器会自动删除这个 cookie。过期日期后面是一个 URL 路径,这允许在 cookie 中存储一个 URL。最后,可以在cookie 中存储一个域值
建立一个cookie
<form id="cookieForm" action="#"> <h1>Enter your name: <input type="text" id="nameField"></h1> </form>
window.addEventListener("load",nameFieldInit,false); function nameFieldInit() { var userName = ""; if (document.cookie != "") { userName = document.cookie.split("=")[1]; } document.getElementById("nameField").value = userName; document.getElementById("nameField").onblur = setCookie; document.getElementById("cookieForm").onsubmit = setCookie; } function setCookie() { var expireDate = new Date(); expireDate.setMonth(expireDate.getMonth()+6); var userName = document.getElementById("nameField").value; document.cookie = "userName=" + userName + ";expires=" + expireDate.toGMTString(); document.getElementById("nameField").blur(); return false; }
读取cookie
<body> <h1 id="nameField"> </h1> </body>
window.addEventListener("load",nameFieldInit,false); function nameFieldInit() { if (document.cookie != "") { document.getElementById("nameField").innerHTML = "Hello, " + document.cookie.split("=")[1]; } }