Cookie和localStorage的查詢、設置、修改及刪除

感謝：鏈接（視頻講解很詳細）

---

cookie：是一種字符串表示的數據，用於在本地記錄用戶的基本信息（賬號，密碼等），具有時限性。

數據的具體內容：

（圖源上文視頻鏈接）

localStorage:與cookie類似，都是用於瀏覽器存儲數據，但比cookie使用更簡單。

---

cooki

一、查詢：

1、調控台輸入：(console調控台講解：鏈接)

document.cookie

2、運行截圖：

二、設置

1、代碼：

<script type="text/javascript">
//w3school中直接給出了設置函數
	function setCookie(cname, cvalue, exdays) {
	    var d = new Date();
	    d.setTime(d.getTime() + (exdays*24*60*60*1000));
	    var expires = "expires="+ d.toUTCString();
	    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
	} 
</script>

2、運行截圖：

三、修改（要已知cookie鍵的內容）

1、例如：cookie鍵為：‘nihao’ ，通過設置相同鍵值的cookie來覆蓋原來的

四、刪除

1、因為cookie具有時效性，所以刪除一個cookie只需要將它的時間修改到之前的任一時間即可。

setCookie("nihao","nihao",-1);

2、運行截圖：

localStorage

使用方法：

<script type="text/javascript">
	console.log(localStorage); //在調試台輸出所包含的本地數據
	localStorage.setItem('password','123456'); //以鍵值對的形式創建一個瀏覽器數據
	var Value=localStorage.getItem('password'); //已知鍵的名稱 獲取對應的值
	console.log(Value);
	var len=localStorage.length; //localStorage的總長度
	console.log(len);
	localStorage.removeItem('password');//移除一個已知鍵值的localStorage數據
	localStorage.clear(); //清空所有localStorage數據
</script>