以下是使用本地存储的解决方法,包含了代码示例:
// 存储数据
localStorage.setItem('key', 'value');
// 获取数据
var data = localStorage.getItem('key');
// 删除数据
localStorage.removeItem('key');
// 清空所有数据
localStorage.clear();
// 存储数据
sessionStorage.setItem('key', 'value');
// 获取数据
var data = sessionStorage.getItem('key');
// 删除数据
sessionStorage.removeItem('key');
// 清空所有数据
sessionStorage.clear();
// 存储数据
document.cookie = 'key=value; expires=Fri, 31 Dec 9999 23:59:59 GMT';
// 获取数据
var cookies = document.cookie;
var data = cookies.split(';').map(function(cookie) {
return cookie.trim();
});
// 删除数据
document.cookie = 'key=; expires=Thu, 01 Jan 1970 00:00:00 GMT';
// 清空所有数据
document.cookie.split(';').forEach(function(cookie) {
document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, '=;expires=' + new Date().toUTCString() + ';path=/');
});
请注意,上述方法在不同的浏览器环境中可能会有一些差异。此外,cookie 有一些限制,如大小限制和只能存储字符串类型的数据等。因此,根据你的具体需求,选择合适的本地存储方法。
上一篇:本地存储 - 产品数量翻倍