H5本地存儲數據 localStorage,sessionStorage的區別:
相同點: 緩存數據比cookie的范圍大;
localStorage:關閉瀏覽器數據不會消失,除非手動刪除數據
sessionStroage:數據暫時緩存在客戶端,關閉瀏覽器數據丟失
下面是localStorage,sessionStorage常用的方法:
setItem(‘name’,'xsxs');//設置數據
getItem('name');//獲取數據
removeItem('name');//移除某條屬性的數據
clear();//清空數據
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>sessionStorage,localStorage,cookie</title> </head> <body> <script> // sessionStorage本地緩存數據,關閉瀏覽器數據消失 window.sessionStorage.setItem("name", 'lixiaohu'); // 設置屬性 window.sessionStorage.setItem('age', "11"); window.sessionStorage.setItem('sex', "girl"); var ss = window.sessionStorage.getItem('name');//獲取屬性 console.log(ss); // window.sessionStorage.removeItem('age');//移除某個屬性的鍵 // window.sessionStorage.clear();//清空緩存的數據 // localStorage本地緩存方式,關閉瀏覽器數據不丟失,除非手動刪除數據 window.localStorage.setItem('school', '中原工學院信息商務學院'); window.localStorage.setItem('classname', '計算機科學與技術'); var schools = window.localStorage.getItem('school'); console.log(schools); // window.localStorage.removeItem('classname'); // window.localStorage.clear(); </script> </body> </html>