如题所述
1.在客户端存储数据
HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
localStorage 方法:
localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。
如何创建和访问 localStorage:
实例:
<script type="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>
下面的例子对用户访问页面的次数进行计数:
总结:html5 的 localStorage 用于存储一些临时的离线数据
localStorage 和 file、database 一样,是存储,有永久性质。
你存入数据库的数据,不会在某一天突然被删除了。
你保存到硬盘里面的文件,也不会再某一天突然消失了。
所以,localStorage 本身没有时效性,因为 storage 毕竟不是 cache。
因此,只能用 js 手动清除了。
温馨提示:答案为网友推荐,仅供参考
第1个回答 2018-07-30
localStorage 没有提供直接设置时效的处理方式,只能在存值的时候额外保存一个时间作为时效时间,取值的时候再根据时效时间去判断是否过期,如果过期则废弃内容弄并销毁,如果没过期就可以拿出来使用;
至于保存的方式,有很多种,随便选一种;
以下以 JSON 字符串为例:
<script type="text/javascript">
// 假设要保存变量 a 的值,过期时间为 3600秒
// 保存值
var obj = new Object(); // 或者 var obj = {};
obj.a = a; // 要保存的变量
obj.time = 3600; // 过期时间
obj.date = 1234567890 // 保存变量时的那个时间点,这里以时间戳为例
var objString = JSON.stringify(obj); // 由于 localStorage 只能保存字符串内容,所以这里要先把对象转换成 JSON 字符串
window.localStorage.setItem('data',objString);
// 取值
var b = window.localStorage.getItem('data');
var c = JSON.parse(b); // 将 JSON 字符串转成对象
var time = c.time;
var date = c.date;
if ((parseInt(time) + parseInt(date)) < '当前时间戳') {
// 如果 date + time 小于当前时间的时间戳,说明已经超过3600秒的时效时间
}else{
// 如果 date + time 大于当前时间戳,说明没过期
var d = c.a; // 之前保存的变量值
// 然后要怎么用就怎么用
}
</script>本回答被网友采纳
至于保存的方式,有很多种,随便选一种;
以下以 JSON 字符串为例:
<script type="text/javascript">
// 假设要保存变量 a 的值,过期时间为 3600秒
// 保存值
var obj = new Object(); // 或者 var obj = {};
obj.a = a; // 要保存的变量
obj.time = 3600; // 过期时间
obj.date = 1234567890 // 保存变量时的那个时间点,这里以时间戳为例
var objString = JSON.stringify(obj); // 由于 localStorage 只能保存字符串内容,所以这里要先把对象转换成 JSON 字符串
window.localStorage.setItem('data',objString);
// 取值
var b = window.localStorage.getItem('data');
var c = JSON.parse(b); // 将 JSON 字符串转成对象
var time = c.time;
var date = c.date;
if ((parseInt(time) + parseInt(date)) < '当前时间戳') {
// 如果 date + time 小于当前时间的时间戳,说明已经超过3600秒的时效时间
}else{
// 如果 date + time 大于当前时间戳,说明没过期
var d = c.a; // 之前保存的变量值
// 然后要怎么用就怎么用
}
</script>本回答被网友采纳
第2个回答 2015-09-27
localStorage 没有提供直接设置时效的处理方式,只能在存值的时候额外保存一个时间作为时效时间,取值的时候再根据时效时间去判断是否过期,如果过期则废弃内容弄并销毁,如果没过期就可以拿出来使用;
至于保存的方式,有很多种,随便选一种;
以下以 JSON 字符串为例:
<script type="text/javascript">// 假设要保存变量 a 的值,过期时间为 3600秒
// 保存值
var obj = new Object(); // 或者 var obj = {};
obj.a = a; // 要保存的变量
obj.time = 3600; // 过期时间
obj.date = 1234567890 // 保存变量时的那个时间点,这里以时间戳为例
var objString = JSON.stringify(obj); // 由于 localStorage 只能保存字符串内容,所以这里要先把对象转换成 JSON 字符串
window.localStorage.setItem('data',objString);
// 取值
var b = window.localStorage.getItem('data');
var c = JSON.parse(b); // 将 JSON 字符串转成对象
var time = c.time;
var date = c.date;
if ((parseInt(time) + parseInt(date)) < '当前时间戳') {
// 如果 date + time 小于当前时间的时间戳,说明已经超过3600秒的时效时间
}else{
// 如果 date + time 大于当前时间戳,说明没过期
var d = c.a; // 之前保存的变量值
// 然后要怎么用就怎么用
}
</script>本回答被提问者和网友采纳
第3个回答 推荐于2017-08-23
html5 的 localStorage 可否设置数据的时效时间 20
localStorage 没有提供直接设置时效的处理方式,只能在存值的时候额外保存一个时间作为时效时间,取值的时候再根据时效时间去判断是否过期,如果过期则废弃内容弄并销毁,如果没过期就可以拿出来使用;
至于保存的方式,有很多种,随便选一种;本回答被网友采纳
localStorage 没有提供直接设置时效的处理方式,只能在存值的时候额外保存一个时间作为时效时间,取值的时候再根据时效时间去判断是否过期,如果过期则废弃内容弄并销毁,如果没过期就可以拿出来使用;
至于保存的方式,有很多种,随便选一种;本回答被网友采纳