Cookie
cookie
是客户端用来存储数据的,它既能够在客户端设置也能够在服务器端设置。cookie
会追随恣意HTTP
要求一同发送
Web Storage
html5
范例中的Web Storage
包含了两种存储体式格局:sessionStorage
和localStorage
sessionStorage
用于当地存储一个会话中的数据,这些数据只要在同一个会话中的页面才接见而且当会话完毕后数据也随之烧毁。因而sessionStorage
仅仅是会话级别的存储
而localStorage
用于耐久化的当地存储,除非主动删除数据,不然数据是永久不会逾期的
区分
Web Storage
和Cookie
类似都是客户端用来存储数据的,区分是它是为了更大容量存储设想的Cookie
的大小是受限的,最多只能存储4KB
的数据;而且每次你要求一个新的页面的时刻,Cookie
都邑被发送过去,如许无形中浪费了带宽;再有就是不安全,很轻易被阻拦者截取举行改动Web Storage
具有setItem
、getItem
、removeItem
、clear
等要领,不像cookie
须要本身封装setCookie
、getCookie
等要领
然则Cookie
也是不能够或缺的:Cookie
的作用是与服务器举行交互,作为HTTP
范例的一部分而存在 ,而Web Storage
仅仅是为了在当地存储数据而生
操纵要领
setItem
sessionStorage.setItem("name","leoyaojy"); localStorage.setItem("website","luckyw.cn");
getItem
sessionStorage.getItem("name"); //leoyaojy localStorage.getItem("website"); //luckyw.cn
removeItem
sessionStorage.removeItem("name"); localStorage.removeItem("website");
clear
sessionStorage.clear(); localStorage.clear();
其他操纵要领:
点操纵
和[]
sessionStorage.name = "leoyaojy"; console.log(sessionStorage["name"]); localStorage["website"] = "luckyw.cn"; console.log(localStorage.website);
key()
和length
遍历数据for (var i=0, len = localStorage.length; i<len; i++){ var key = localStorage.key(i); var value = localStorage.getItem(key); console.log(key + "=" + value); }