• JavaScript学习08 Cookie对象


     

    JavaScript学习08 Cookie对象

    JavaScript Cookie

      Cookie对象:

      Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。

      Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取。

      Cookie文件的格式:

      NS:Cookie.txt

      IE:用户名@域名.txt

      有两种类型的cookie:

      (1)持久性cookie,会被存储到客户端的硬盘上。

      (2)会话Cookie:不会存储到客户端的硬盘上,而是放在浏览器进程所处的内存当中,当浏览器关闭则该会话cookie就销毁了。

    用JS实现Cookie操作

      写入Cookie:

      document.cookie = " 关键字 = 值 [ ; expires = 有效日期 ] [;...]"

      读取Cookie:

      document.cookie

      删除Cookie:

      document.cookie = " 关键字 = ; expires = 当前日期"

     

      备注:

      1.有效日期格式:Wdy,DD-Mon-YY HH:MM:SS GMT

      2.Wdy / Mon:英文星期 / 月份;

      3.还包含path、domain、secure属性;

      4.每个Web站点(domain)可建立20个Cookie数据;

      5.每个浏览器可存储300个Cookie数据,4k字节;

      6.客户有权禁止Cookie数据的写入。

     

    实例

    <!DOCTYPE html>
    <html>
      <head>
        <title>cookieTest.html</title>
        
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        
        <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    
      </head>
      
      <body>
        <script type="text/javascript">
            var today = new Date();
            var expiredDay = new Date();
            var msPerMonth = 1000 * 60 * 60 * 24 * 30;
            
            expiredDay.setTime(today.getTime() + msPerMonth); //一个月之后过期
            
            //写入cookie
            document.cookie = "name=mengdd;expires="+expiredDay.toGMTString();
            
            document.writeln("cookie已经写到硬盘上了");
            
            //读取cookie
            document.writeln("内容是:" + document.cookie);
            document.writeln("expire day: " + expiredDay.toGMTString());
        </script>
      </body>
    </html>

     

    参考资料

      圣思园张龙老师Java Web视频教程。

      W3School JavaScript教程:http://www.w3school.com.cn/js/index.asp

      英文版:http://www.w3schools.com/js/default.asp

     

      JS Cookie:http://www.w3school.com.cn/js/js_cookies.asp

      之前的Cookie博文:http://www.cnblogs.com/mengdd/p/3635360.html

     

  • 相关阅读:
    Yii2 composer报错处理
    bootstrap元素居中
    前端面试题
    control-lable的用法
    jenkins持续集成搭建
    gitlab管理平台搭建
    mysql8.0.11安装
    nexus私服搭建、配置、使用
    mysql5.7.22安装
    nginx配置阿里云免费ssl证书实现https化
  • 原文地址:https://www.cnblogs.com/mengdd/p/3685367.html
Copyright © 2020-2023  润新知