HTML5的本地存储本地存储更新值仍在

两种存储技术的最大区别在于生命周期。

1。localStorage是本地存储，存储时间不限；

2。sessionStorage会话存储，页面关闭数据将丢失。

使用方法uff1a

localstorage.setitem（keyvalue / /，存储）

localstorage.getitem（关键） / /值根据关键

（localStorage。 / /有价值）的所有值

localstorage.removeitem（关键） / /删除单个值，注意引号

（localStorage。清） / /删除所有数据

localStorage。长度/ /获取数据的数量

localstorage.key（N） / /得到N的关键值数据

注：localStorage和sessionStorage是相同的，用同样的方法

几种常用的总结：

localstorage.key = 1； / /存储，命名为重点，为1

localstorage.removeitem（关键）； / /删除记忆的钥匙，记住关键的行情

下面是一个测试的实际例子：

为了实现本地存储的输入文本内容，为了关闭浏览器，然后重新打开，内容之前仍处于字段入口（通常在移动螺柱日志中）。

首先，在页面上获得一个文本字段，下面是jQuery：

如果（！localstorage.getitem（文本）） / /窗口对象，窗口前省略哦
localstorage.setitem（文本
localstorage.text = localstorage.getitem（文本）； / /价值
$（文本）。Html（localStorage。文本）； / /显示
$（文本）（。Keyup（功能）{ / /有许多，如模糊、变化、KeyDown和有一个定时器，适用于多领域的存储
localstorage.setitem（文本$（这）。瓦迩（））； / /重新存储
}）；

以上可以实现一个实用的小功能，对H5本地存储非常有用，当然有很多字段，提供了用JSON方法使用哦！见以下，自组网

如果（窗口。sessionStorage）{
警报（好的）；
其他{ }
警报（'fail）；
}
设置值
sessionstorage.setitem（'key_a '，1）；
值
无功key_a = sessionstorage.getitem（'key_a）；
console.log（key_a）；
删除
sessionstorage.removeitem（'key_a）；
Console.log (sessionStorage.getItem ('key_a')); / / null
sessionstorage.setitem（'key_b '，1）；
sessionstorage.setitem（'key_c '，2）；
删除所有键
sessionstorage.clear（）；
console.log（sessionStorage。key_b）；
console.log（sessionStorage。key_c）；
console.log（' ==================）；
设置可以使用的值和值。类似于对象属性的符号。
设置值
sessionstorage.key_d = 12；
值
无功key_d = sessionstorage.key_d；
console.log（key_d）；
如果键返回未定义的值，则有一点差异。
console.log（sessionStorage。key_null）； / /未定义
console.log（sessionstorage.getitem（'key_null '））； / /空
console.log（' ==========简单演示存储对象的例子========）；
var obj = { {
甲：12，
B：{ 12345 }，
C：{
X：A，
Y：{ 'BB'，12，'cc，{：1，乙：2 } }，
Z：1333
}
}；
sessionstorage.setitem（页'，JSON.stringify（obj））；
值
VaR页= JSON.parse（sessionstorage.getitem（页））；
console.log（页）；
数组遍历
对于（var i = 0；i < page.b.length；i++）{
console.log（页。B {我}）；
}
遍历通常用于对象。
对于（页中的var j）{
console.log（页。C {，}）
}
删除键
sessionstorage.removeitem（页）；

示例：计数器，刷新页面，可以看到效果：

var存储= window.localstorage；
如果（！storage.getitem（pageloadcount ））
storage.setitem（pageloadcount
storage.pageloadcount = parseInt（storage.getitem（pageloadcount ））+ 1； / /必须格式转换
document.getelementbyid（测试）.innerHTML = storage.pageloadcount；
/ / showstorage（）；

应该注意的是HTML5只能在本地存储中存储字符串。当存储在任何格式，它会自动转换成一个字符串，所以在阅读的时候，需要变换本身。这就是为什么parseInt已被使用在代码前面的部分。

以上是HTML5 localStorage本地存储更新的价值，介绍的是萧边。我们希望能帮助你。如果你有任何问题，请给我留言。萧边会及时回复你。谢谢你的支持网站。