cookie用在寫網頁時儲存的臨時變數或自定義時長變數，大小（4k）左右

cookie不能像後面的 …Storage直接使用，需要自己定義函式，或是引用第三方庫函式

// 設定cookie
function setCookie (key, val, day) {
	var date = new Date();
	date.setTime (date.getTime() + day * 24 * 60 * 60 * 1000);
	document.cookie = key + '=' + val + ';expires=' + date.toString();
}
// 刪除cookie
function delCookie (key) {
	setCookie (key, '', -1);
}
// 獲取cookie中的值
function getCookie (key) {
	var cookies = document.cookie;
	var cookArr = cookies.split('; ');
	for (var i = 0; i < cookArr.length; i++) {
		var arr = cookArr[i].split('=');
		if (arr[0] == key) {
			return arr[1];
		}
	}
}
 

設定cookie

setCookie(‘name’, ‘張三’, 180); // 將張三存到cookie中180天

獲取張三

getCookie(‘name’);

在vue 的開發中還可以直接使用sessionStorage和localStorage，大小（5M）左右

區別：sessionStorage當網頁關閉後，儲存的資料就被清空了；localStorage當網頁關閉後，下次開啟網頁，資料依然儲存在。

使用方法類似：

設定值
sessionStorage.setItem(key, val)
localStorage.setItem(key, val)
獲取值
sessionStorage.getItem(key)
localStorage.getItem(key)
主動清空
sessionStorage.clear()
localStorage.clear()