摘要:是客戶端用來存儲數據的它既可以在客戶端設置也可以在服務器端設置。會跟隨任意請求一起發送標準中的包括了兩種存儲方式和用于本地存儲一個會話中的數據,這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之銷毀。
Cookie
cookie是客戶端用來存儲數據的,它既可以在客戶端設置也可以在服務器端設置。cookie會跟隨任意HTTP請求一起發送
Web Storagehtml5標準中的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
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/82833.html
摘要:和雖然也有存儲大小的限制,但比大得多,可以達到或更大支持事件通知機制,可以將數據更新的通知發送給監聽者。有時也用,指某些網站為了辨別用戶身份,進行跟蹤而存儲在本地終端上的數據,通常經過加密。 Web Storage介紹 Web Storage帶來的好處 減少網絡流量:一旦數據保存在本地后,就可以避免再向服務器請求數據,因此減少不必要的數據請求,減少數據在瀏覽器和服務器間不必要地來回傳...
摘要:和雖然也有存儲大小的限制,但比大得多,可以達到或更大支持事件通知機制,可以將數據更新的通知發送給監聽者。有時也用,指某些網站為了辨別用戶身份,進行跟蹤而存儲在本地終端上的數據,通常經過加密。 Web Storage介紹 Web Storage帶來的好處 減少網絡流量:一旦數據保存在本地后,就可以避免再向服務器請求數據,因此減少不必要的數據請求,減少數據在瀏覽器和服務器間不必要地來回傳...
摘要:源自阮一峰具體什么意思,請看下面的截圖就一目了然表示對象的的數量實戰網站名網站地址確認網站名查詢機制原意是小甜餅,是服務器保存在瀏覽器的一小段文本信息,屬于其中一種互聯網存儲機制。 目錄 1. Web Storage 2. Cookie機制 3. 二者的聯系與區別 1.Web Storage 1.1 概述 Web Storage是HTML5提供的一種新的瀏覽器端數據儲存機制,它提供兩...
閱讀 702·2021-11-15 11:37
閱讀 3320·2021-10-27 14:14
閱讀 6086·2021-09-13 10:30
閱讀 2967·2021-09-04 16:48
閱讀 1933·2021-08-18 10:22
閱讀 2130·2019-08-30 14:19
閱讀 736·2019-08-30 10:54
閱讀 1751·2019-08-29 18:40