JavaScript本地存储

Cookie

// 设置cookie
function setCookie(name, value, time) {
	var date = new Date()
	date.setHours(date.getDate() + time) // 存储时间/小时
	document.cookie = `${name}=value;expires=${date}`
}
// 获取cookie
function getCookie(name) {
	var reg =new RegExp(name + '=([^;]+)')
	var arr = document.cookie.match(reg)
	if (arr) {
		return arr[1]
	} else {
		return ''
	}
}
// 删除cookie
function delCookie(name) {
	setCookie(name, null, -1)
}

sessionStroage

仅在当前窗口刷新或关闭前有效

// 1. 添加数据
function setSessionStorage(key, value) {
	window.sessionStorage.setItem(JSON.stringify(key), JSON.stringify(value))
}

// 2. 获取
function getSessionStorage(key) {
	const name = JSON.stringify(key)
	if (window.sessionStorage.getItem(name) === null)
		return console.log(
			`%本地不存在键为${name}数据`,
			'background:red;color:#fff;padding:10px 20px'
		)
	const getValue = window.sessionStorage.getItem(name)
	return getValue
}

// 3.删除指定的数据
function removeSessionStorage(key) {
	const name = JSON.stringify(key)
	if (window.sessionStorage.getItem(name) === null)
		return console.log(
			`%要移除的本地${name}数据不存在`,
			'background:red;color:#fff;padding:10px 20px'
		)
	window.sessionStorage.removeItem(name)
}
// 4. 删除所有数据
function clearSessionStorage() {
	window.sessionStorage.clear()
}

localstorage

永久本地存储

// 1. 添加数据
function setLocalStorage(key, value) {
	window.localStorage.setItem(JSON.stringify(key), JSON.stringify(value))
}

// 2. 获取
function getLocalStorage(key) {
	const name = JSON.stringify(key)
	if (window.localStorage.getItem(name) === null)
		return console.log(
			`%本地不存在键为${name}数据`,
			'background:red;color:#fff;padding:10px 20px'
		)
	const getValue = window.localStorage.getItem(name)
	return getValue
}

// 3.删除指定的数据
function removeLocalStorage(key) {
	const name = JSON.stringify(key)
	if (window.localStorage.getItem(name) === null)
		return console.log(
			`%要移除的本地${name}数据不存在`,
			'background:red;color:#fff;padding:10px 20px'
		)
	window.localStorage.removeItem(name)
}
// 4. 删除所有数据
function clearLocalStorage() {
	window.localStorage.clear()
}