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>
