cookie和localstorage、sessionstorage区别
- cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。
- HTML5本地存储中每个域的存储大小默认是5M,比起Cookie的4K要大的多。
- 数据有效期不同,cookie:只在设置的过期时间之前一直有效,即使窗口或浏览器关闭(默认为是到浏览器关闭);localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持。
- 接口使用:下段显示获取cookie方法。Web Storage支持事件通知机制,可以将数据更新的通知发送给监听者。接口举例:setItem(key,value)、getItem(key)、removeItem(key)、clear();
- cookie更安全:浏览器支持使用HTTPONLY来保护Cookie不被XSS攻击获取到,而Web Storage没有任何抵御机制。
- 作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localStorage和cookie在所有同源窗口中都是共享的。
var allcookies = document.cookie; function getCookie(cookie_name){ var allcookies = document.cookie; var cookie_pos = allcookies.indexOf(cookie_name); //索引的长度 if (cookie_pos != -1){ //把cookie_pos放在值的开始,只要给值加1即可。 //注indexOf(searchValue,fromIndex),fromIndex开始检索的位置 var cookie_end = allcookies.indexOf(";", cookie_pos); if (cookie_end == -1){ cookie_end = allcookies.length; } var value = unescape(allcookies.substring(cookie_pos, cookie_end)); //这里就可以得到你想要的cookie的值了。。。 } return value; } // 调用函数 var cookie_val = getCookie("username");