zoukankan      html  css  js  c++  java
  • 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>
    
  • 相关阅读:
    UML
    Jenkins(Jenkins的安装配置)
    SpringCloud:Config配置中心
    IDEA将项目上传到GitHub
    JS—高阶函数
    项目中git操作
    互联网概述
    ESLint的extends
    vue3 + TS + eslint 实现代码格式化以及代码规范提示
    vue3基础使用
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/9033329.html
Copyright © 2011-2022 走看看