webStorage和cookie的区别

共同点：

        都是保存在浏览器端,且同源的

 

cookie有什么缺点？

Cookie数量和长度的限制。每一个domain最多只能有20条cookie，每一个cookie长度不能超过4KB

安全性问题。若是cookie被人拦截了，那人就能够取得全部的session信息。

区别：

        

        一、cookie数据始终在同源的http请求中携带(即便不须要)，即cookie在浏览器和服务器间来回传递

 

        二、cookie数据还有路径（path）的概念，能够限制。cookie只属于某个路径下、

 

        三、存储大小限制也不一样，cookie数据不能超过4K，同时由于每次http请求都会携带cookie，因此cookie只适合保存很小的数据，如回话标识。

 

        四、webStorage虽然也有存储大小的限制，可是比cookie大得多，能够达到5M或更大

 

        五、数据的有效期不一样

                        sessionStorage：仅在当前的浏览器窗口关闭有效；

                        localStorage：始终有效，窗口或浏览器关闭也一直保存，所以用做持久数据；

                        cookie：只在设置的cookie过时时间以前一直有效，即便窗口和浏览器关闭

 

        六、做用域不一样

 

                        sessionStorage：不在不一样的浏览器窗口中共享，即便是同一个页面；

                        localStorage：在全部同源窗口都是共享的；

                        cookie：也是在全部同源窗口中共享的

 

 

        七、webStorage支持事件通知机制，能够将数据更新的通知发生给监听者

 

        八、webStorage的API借口使用更方便 。setItem  getItem clearItem

 

 

        window。sessionStorage/window。 localStorage

        setItem（key,val）设置

        getItem（key）获取

        webStorage。removeItem（key）删除单个

        webStorage.clear（）清除全部

 

        webStorage只能操做字符串对象，全部的存储值都会为字符串数据