h5本地緩存(localStorage,sessionStorage)


 

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>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM