html如何保存上次浏览数据
HTML本身并不能保存上次浏览数据,但是可以通过JavaScript和浏览器提供的API来实现。
- 使用localStorage或sessionStorage存储数据
localStorage和sessionStorage是浏览器提供的API,可以将数据存储在本地,即使用户关闭了浏览器,数据也不会丢失。两者的区别在于,localStorage存储的数据没有过期时间,而sessionStorage存储的数据在用户关闭浏览器或标签页后就会被清除。
示例代码:
// 存储数据
localStorage.setItem('key', 'value');
// 获取数据
var value = localStorage.getItem('key');
// 删除数据
localStorage.removeItem('key');
- 使用cookie存储数据
cookie是一种存储在用户计算机上的小文件,可以在不同的页面之间共享数据。可以使用JavaScript设置cookie的值,然后在下次访问页面时读取cookie的值。
示例代码:
// 存储数据
document.cookie = 'key=value; expires=Fri, 31 Dec 9999 23:59:59 GMT';
// 获取数据
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
if (cookie.indexOf('key=') == 0) {
var value = cookie.substring('key='.length, cookie.length);
break;
}
}
// 删除数据
document.cookie = 'key=; expires=Thu, 01 Jan 1970 00:00:00 GMT';
需要注意的是,cookie的大小有限制,通常为4KB左右,而且cookie会随着HTTP请求发送到服务器,因此不适合存储大量数据
原文地址: https://www.cveoy.top/t/topic/eBY6 著作权归作者所有。请勿转载和采集!