源码可以到GitHub上下载!
JS操作cookies方法 :
1.cookie若不设置过期时间关闭浏览器后会自动清除数据
2.存储限制4k
3.同地址下其他文件也能读取到
cookie用字符串拼接即可
cookie后可接
; path=path
; domain=domain
; secure
1 /** 2 * [setCookie 设置cookie] 3 * @param {[String]} c_name [起个名,独一无二的名字] 4 * @param {[String]} c_value [需要存的值] 5 * @param {[Number]} exdays [时间/天数,设置保存时间 0时为删除] 6 */ 7 function setCookie(c_name, c_value, exdays) { 8 document.cookie = c_name + "=" + encodeURIComponent(c_value) + "; max-age=" + (exdays*60*60*24);// 解决符号转码 9 } 10 11 /** 12 * 读取cookies 13 * @param {[String]} c_name [读取名字] 14 * @return {[String]} [返回读取cookie的值] 15 */ 16 function getCookie(c_name) { 17 var name = c_name + "="; 18 var ca = document.cookie.split(';'); 19 for (var i = 0; i < ca.length; i++) { 20 var c = decodeURIComponent(ca[i].trim());// 解码 21 if (c.indexOf(name) == 0){ 22 return c.substring(name.length, c.length); 23 } 24 } 25 return ""; 26 } 27 28 // 使用示例 29 var username = document.getElementById("username"); // 获取input username 30 var userpwd = document.getElementById("userpassword"); // 获取input userpassword 31 var remember = document.getElementById("remember"); // 获取记住账号密码 32 33 /** 34 * 点击复选框记住 账号、密码、复选框 35 */ 36 function rememberValue() { 37 if (remember.checked == true) { 38 setCookie('user', username.value);// 临时 39 setCookie('pwd', userpwd.value, 30); 40 setCookie('remember', remember.checked, 30); 41 } else { 42 setCookie("user","",0); 43 setCookie("pwd","",0); 44 setCookie("remember","",0); 45 } 46 } 47 48 /** 49 * 页面加载完毕后从cookie里读取值并填入相应的标签内 50 */ 51 window.onload = function () { 52 username.value = getCookie("user"); 53 userpwd.value = getCookie("pwd"); 54 remember.checked = getCookie("remember"); 55 }