zoukankan      html  css  js  c++  java
  • 本地存储之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         }
  • 相关阅读:
    学习的原动力
    “六顶思考帽”给我的启示
    关于DataSet与Strongly typed DataSet几点思考(原创)
    设计模式之Singleton和Factory
    CentOS修改网络配置
    Proxmox VE(PVE)安装教程
    CentOS开启SELinux导致samba无法访问的解决办法
    nano编辑器使用教程
    CentOS 如何挂载硬盘
    PVE硬盘直通
  • 原文地址:https://www.cnblogs.com/lprosper/p/9566805.html
Copyright © 2011-2022 走看看