微信扫一扫打赏支持

js cookie介绍和实例（用于自动登录，记住用户名等）

js cookie介绍和实例（用于自动登录，记住用户名等）

一、总结

1、cookie在客户端：因为js是最初是用来在客户端和服务器端进行通信使用的，所以客户端比如js可以操作cookie正常

2、cookie作用：根据cookie里的资料判断访问者，发送特定的页面内容.

1、cookie是document的对象 
2、cookie操作：直接是引号里面键=值：document.cookie='name=张三';

3、cookie使用：document.cookie
 

 3、cookie的生命周期：默认是浏览器关闭，我们可以通过expire设置

 

二、js cookie介绍和实例

了解cookie

  1. 什么是cookie？

    cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。当用户下一次访问同一个页面时，服务器会先查看有没有上传留下的cookie资料，如果有就更根据cookie里的资料判断访问者，发送特定的页面内容.

    常见应用场景：自动登录，记住用户名......

    最初是用来在客户端和服务器端进行通信使用的，所以原则上应该在服务器运行环境下进行。目前大部分浏览器可以在客户端生成和读取cookie数据(chrome不可以在客户端操作)

创建cookie

  • 格式:

    将document下的cookie属性设置为为如下格式的字符串：name=value

  • 为了避免特殊字符造成的错误，有时需要对数据进行编码解码

    使用encodeURIComponent() 进行编码

    读取时 使用decodeURIComponent()解码

    cookie值不能含有分号，逗号和空白符

 

三、代码

  1 <!DOCTYPE html>
  2 <html lang="zh-cn">
  3 <head>
  4   <meta charset="utf-8">
  5   <title>课堂演示</title>
  6 </head>
  7 <body>
  8   <script>
  9   document.cookie='name=张三'; //1、cookie是document的对象 
 10   document.cookie='age=35'  //2、cookie操作：直接是引号里面键=值：document.cookie='name=张三';
 11   //不会像变量赋值那样覆盖前一条信息，而是会添加一条新内容
 12   alert(document.cookie) //3、cookie使用：document.cookie
 13   </script>
 14 </body>
 15 </html>

 

posted @ 2018-05-13 21:07  范仁义  阅读(547)  评论(0)  编辑  收藏  举报