源码可以到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 }