本地存储(Cookie,Session)

使用jquery.cookie.js库

本地存储分为cookie，以及新增的localStorage和sessionStorage

• cookie存储在本地，容量最大是4k，在同源的http请求时（比如请求一张图片）携带传递，损耗带宽，可设置访问路径，只有此路径及此路径的子路径才能访问此cookie，在设置的过期时间之前有效。可以使用cookie存储某些状态（比如第一次进某网站，才弹出一些通知，此后就不再弹出）

    
    
    
    
    


    
测试页面

如何查看cookie：

1. firfox：f12 > 存储 > cookie
2. chrome：f12 > application > cookies

效果图（注意：先写后读）：

在这里插入图片描述

案例：只有第一次浏览网站才弹出弹窗

    
    
    
    
    
    
    


    

        

            亲！本网站最近有优惠活动！请强力关注！         
            ×

            朕知道了！
        
        

    
    
网站内容

• localStorage存储在本地，容量为5M或者更大，不会在请求时后携带传递，在所有同源（同一个域名）共享，数据一直有效，除非人为删除，可作为长期数据。不依赖于jquery

    
    
    


    
测试webstorage

效果图：

在这里插入图片描述

• sessionStorage存储在本地，容量为5M或者更大，不会在请求时候携带传递，在同源的窗口关闭前有效（敏感数据常用）。不依赖于jquery

localStorage和sessionStorage合称WebStorage，WebStorage支持事件通知机制，可以将数据的更新通知监听者，WebStorage的api接口使用更方便