Cookie的封装-2与Cookie 的注意事项

Cookie的封装-2

　　　　

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cookie的封装</title>
</head>
<body>
    <button id="cn">中文</button>
    <button id="en">英文</button>    
    <script type="module">
                        
        import{set,get,remove} from './js/cookie.js';       
        const cnBtn =document.getElementById('cn');
        const enBtn =document.getElementById('en');
                            
        cnBtn.addEventListener(
        'click',
        ()=>{
          set('language','cn',{
              maxAge: 30* 24 *3600
          });
          window.location='./index.html'
        },
        false
        );        
        enBtn.addEventListener(
        'click',
        ()=>{
          set('language','en',{
              maxAge: 30* 24 *3600
          });
           window.location='./index.html'
        },
        false
        );                        
    </script>
</body>
</html>
复制代码

 

　　　　

　　　　

 

 　　　  

 

 　　　

 

 　　　

 

 

　

　 

Cookie 的注意事项

　　　　前后端都可以写入和获取Cookie

　　　　 Cookie有数量限制

　　　　　　每一个域名下的Cookie数量有限

　　　　　　当超过单个域名限制之后，再设置Cookie，浏览器就会清除以前设置的Cookie

　　　　 Cookie由数量大小 

　　　　　　每一个Cookie的存储容量很小，最多只有4KB左右

　　　　

posted @   zj勇敢飞，xx永相随  阅读(17)  评论(0)  编辑  收藏  举报
相关博文：
· Cookie的属性-3 与 Cookie 的封装-1
· Cookie 的属性-1与Cookie的属性-2
· Cookie的封装、Cookie的注意事项
· Cookie的封装&Cookie的注意事项
· Cookie的封装以及注意事项
阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）
点击右上角即可分享
微信分享提示