本地存储之cookie

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

 

更多专业前端知识，请上 【猿2048】www.mk2048.com