前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >本地存储之cookie

本地存储之cookie

作者头像
ProsperLee
发布2018-10-24 10:40:40
1.5K0
发布2018-10-24 10:40:40
举报

源码可以到GitHub上下载!

JS操作cookies方法 :

  1.cookie若不设置过期时间关闭浏览器后会自动清除数据

  2.存储限制4k

  3.同地址下其他文件也能读取到

    cookie用字符串拼接即可

    cookie后可接

; path=path

      ; domain=domain

      ; secure

代码语言:javascript
复制
 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         }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-08-31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档