首页 > 其他分享 >Cookie 的属性-1与Cookie的属性-2

Cookie 的属性-1与Cookie的属性-2

时间:2023-03-21 15:14:06浏览次数:39  
标签:username age cookie Cookie document 属性

Cookie 的属性-1

   Cookie的名称(Name)和值(Value)

     最重要的两个属性,创建Cookie时必须填写,其它属性可以使用默认值

     Cookie的名称或值如果包含非英文字母,则写入时需要使用encodeURlComponent 编码,读取使用哪个decodeURIComponent()解码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cookie的属性</title>
</head>
<body>
<script>
    document.cookie ='username =${encodeURIComponent(\'张三\')};'
    document.cookie ='${encodeURIComponent(\'用户名\')} =${encodeURIComponent(\'张三\')}';
</script>
</body>
</html>

      

 

 

      一般名称使用英文字母,不要用中文,值可以用中文,但是要编码

    失效(到期)时间

     对于失效的Cookie,会被浏览器清除

     如果没有设置失效(到期)时间,这样的Cookie 称为会话Cookie

     

 

 

       

 

 

     它存在内存中,当会话结束,也就是浏览器关闭时,Cookie消失

      想长时间存在,设置Expires或Max-Age;

      expires  

      值为Date类型   

 document.cookie=`username=Alex; expires=${new Date(
       '2100-1-01 00:00:00'
   )}`;

 

 

 

 

 

 

    Max-age

    值为数字,表示当前时间+多少秒过期,单位是秒    

 document.cookie ='username=lyw max-age=5';
   document.cookie='username=lyw; max-age=${24*3600*30}';

    如果max-age 的值是0或负数,则Cookie会被删除

   document.cookie='username = alex';
    document.cookie='username = alex max-age=0';
     document.cookie='username = alex max-age=-1';

    Domain 域

    Path路径

    HttpOnly

    Secure     

Cookie的属性-2

    Cookie的名称(Name)和值(Value)

    失效(到期)时间

      Domain 域

      

       

      

 

      

 

      

           

 

 

 

         

        

 

        

 

 

       Domain限定了访问Cookie的范围(不同域名)

       使用js只能读写当前域或父域的Cookie,无法读写其他的Cookie     

document.cookie='username = lyw; domain=www.imooc.com'

       https://www.imooc.com/ m.imooc.com/ 当前域

       父域:.imooc.com

      

 

 

     

      Path路径

      Path限定了访问Cookie的范围(同一个域名下)

      

 

      

 

 

      

 

 

       

 

使用js只能读写当前路径和上级路径的Cookie,无法读写下级路径的Cookie       

document.cookie='username=lyw; path=/course/list/a'
document.cookie='username=lyw; path=/HTTP/templates/3.html'

当Name、Domain、Path、这个字段都相同的时候,才是同一个Cookie

    

 

 

 

 

      HttpOnly

      Secure   

标签:username,age,cookie,Cookie,document,属性
From: https://www.cnblogs.com/x3449/p/17240070.html

相关文章

  • Cadence16.6批量修改原理图中器件属性
    https://blog.csdn.net/cheer_me/article/details/115678835 操作步骤如下(1)选中.dsn设计⼯程⽂件—>Tools—>Exportproperties—>默认选项并点击OK。即可⽣成⼀个后......
  • 从Sql server 2008获取表字段属性信息,注释信息
    sqlserver2008获得表的注释和字段的注释selecta.name,a.object_idastable_id,b.minor_id,b.valuefromsys.tablesaleftjoinsys.extend......
  • XHR属性以及方法和事件
    XHR属性1.responseType和response(IE10才开始支持)当responseType没有设置或者’’或’text’时使用ResponseText/response都可以获取文本形式的响应内容;当re......
  • flask-cookie,session用法
    cookie用法cookie是存储在浏览器上的少量用户信息.```python.....```  session用法session可以加密后存在浏览器.也可以存储在服务器.使用session需要在配置中......
  • 计算属性
    计算属性计算属性,定义为“方法”,定义到computed节点之下在使用计算属性的时候,当普通的属性使用即可,不需要“()”好处:1.实现了代码的复用2.只要计算属性中依赖的数......
  • CSS Content 属性的几种妙用和技巧
    Content属性是CSS中一个非常有用的属性,可以用于插入生成内容,如在::before和::after伪元素中添加文本或图标。Content属性的特点:Content属性仅可用于::before......
  • 表格属性
    表格属性 使用css可以使HTML表格更美观表格边框指定CSS表格边框,使用border属性table,td{  border:1pxsolidblack;}折叠边框border-collapse属性设置表格的......
  • 文本属性
    文本属性 text-align指定元素文本的水平对齐方式值描述left文本居左排列,默认值right把文本排列到右边center把文本排列到中间h1{text-align:cen......
  • 定位、opacity透明度属性、visibility和display隐藏元素
    定位、opacity透明度属性、visibility和display隐藏元素1.定位position(确定的是移动的基准)static,默认值。静态的。(不让动)relative,相对。相对于自身的位置来移动......
  • JSONP、XHR的属性
    JSONP1、JSONP的原理script标签跨域不会被浏览器阻止JSONP主要就是利用scrip标签,加载跨域文件2、使用JSONP实现跨域服务端准备好JSONP接口https://www.imooc.com/api/......