知识点
相关文章
更多最近更新
更多HTML5 Local Storage 本地存储
2019-03-13 21:44|来源: 领悟书生
1、HTML 本地存储介绍
本地存储相当于一个超大型的Cookie，可以通过浏览器存储相关数据
2、HTML5localStorage 操作使用
在HTML5中，本地存储是一个window的属性，包括localStorage和 sessionStorage，从名字应该可以很清楚的辨认二者的区别，前者是一直存在本地的，后者只是伴随着session，窗口一旦关闭就没了。二者 用法完全相同。
if (window.localStorage) {
alert('浏览器支持！');
} else {
alert('不支持！');
}三种设置本地存储的方法
localStorage.t1 = "www.656463.com";
localStorage["t2"] = "HTML5";
localStorage.setItem("t3","领悟书生");
三种访问本地存储的方法
localStorage.t1;
localStorage["t2"];
localStorage.getItem("t3");
其他扩展
localStorage.removeItem();//清除
localStorage.clear() //清除所有
localStorage.length //获得多少键
localStorage.key()//获得存储的键内容
3、示例
<!DOCTYPE html>
<head>
<meta charset=utf-8>
<title>HTML5 Local Storage 本地存储</title>
</head>
<body>
<script type="text/javascript">
/*if (window.localStorage) {
alert('浏览器支持！');
} else {
alert('不支持！');
}*/
//设置本地存储
localStorage.t1 = "www.656463.com";
localStorage["t2"] = "HTML5";
localStorage.setItem("t3","领悟书生");
//访问本地存储
for(var i = 0;i<localStorage.length;i++){
document.write(localStorage.key(i)+"-->"+
localStorage.getItem(localStorage.key(i))+"<br>")
}
localStorage.removeItem("t1");
localStorage.clear();
</script>
</body>
</html>用Google Chrome浏览器打开的效果如下
本文链接：HTML5 Local Storage 本地存储 ，由领悟书生原创
转载请注明出处【http://www.656463.com/article/339】
相关问答
更多-
localStorage和sessionStorage都扩展了Storage 。 它们之间没有区别，除了sessionStorage “不持久性”之外。 也就是说，存储在localStorage的数据仍然存在，直到被明确删除。 所做的更改将被保存，并可用于对该站点的所有当前和将来的访问。 对于sessionStorage ，只能在每个窗口（或Chrome和Firefox等浏览器中的标签）中进行更改。 所做的更改将保存并可用于当前页面，以及将来访问同一窗口中的站点。 关闭窗口后，存储将被删除。 localSt ...
-
根据John Resig，不可能指定到期。 完全取决于用户。 http://ejohn.org/blog/dom-storage/ 编辑 - 显然，你自己的应用程序可以主动删除东西，如果它决定它太旧了。 也就是说，您可以明确地在您保存的内容中包含某种时间戳，然后再使用该时间戳来决定是否刷新信息。 It's not possible to specify expiration. It's completely up to the user. https://developer.mozilla.org/en-U ...
-
本地存储在HTML5中(Local Storage in HTML5)[2023-05-12]
您没有提供足够的详细信息来正确解决此问题，但请检查以下内容： 你是在本地预览你的设计（例如通过file：//协议），还是你在一个合适的网络服务器上？ 只有http：//请求会为你准确地工作 本地存储和Web SQL存储通过引用原始域或IP地址工作（也是为什么点＃1很重要）：您的第二页仍在范围内吗？ 当你回到第1页时会发生什么？ 值是否重新出现？ You don't provide enough detail to troubleshoot this properly, but check these thi ... -
如果通过使用Json.stringify()将用户对象存储在会话存储中，则可以这样做 let user = Json.parse(localStorage.getItem('user')); this.email=user.email; this.name=user.name; If you storing a user object in session storage by using JSON.stringify() then you can do this let user = JSON.pars ...
-
HTML5本地存储 - 存储并加载已下载一次的CSS(HTML5 local storage - Store and load CSS that has been downloaded once)[2022-07-09]
您应该使用缓存清单文件而不是localStorage You should use the cache manifest file instead of localStorage -
是否可以在HTML5中单独覆盖本地存储和会话存储？(Is it possible to override Local Storage and Session Storage separately in HTML5?)[2023-07-18]
有几种可能性来实现你想要的。 但请记住，它们都不应该在生产环境中使用。 第一个选项检测sessionStorage或localStorage对象是否调用了setItem方法。 你可以这样写： var _setItem = Storage.prototype.setItem; Storage.prototype.setItem = function(key, value) { if (this === window.localStorage) { // do what you w ... -
嗯，这取决于您的信息的敏感程度以及您想要遵循的方法。 本地存储 您可以将本地存储用于“临时”数据，传递参数和一些配置。 值。 AFAIK本地存储应该小心使用，因为存储的信息不能确保始终存在，因为它可以被删除以回收某些设备内存或清理过程。 但你可以毫不畏惧地使用它。 要将JSON存储在本地存储中，您必须对对象进行字符串化以将其存储在本地存储密钥中。 JSON.stringify（）函数可以帮到你。 到目前为止，我还没有找到官方信息，但我认为MB可以存储在本地存储中，但我认为不能直接通过cordova控制。 同 ...
-
JavaFX 2.2 WebView没有实现HTML5本地存储功能，因此无法使用该JavaFX版本启用该功能。 HTML5本地存储目前正在WebView for Java 8中实现，您可以获得预览版本以在实现时测试功能。 与此相关的功能跟踪问题包括： WebView支持HTML-5 localStorage？ 实现window.localStorage JavaFX问题跟踪器需要登录才能访问，但任何人都可以从登录页面注册。 HTML5 local storage functionality is not i ...
-
使用Javascript / Jquery的本地存储（不使用HTML5）(Local Storage using Javascript / Jquery (Without using HTML5))[2024-03-10]
试试这个jQuery插件： http://www.jstorage.info/ 将根据浏览器的功能尝试各种方法。 编辑： 另一个（可以使用基于Flash / Silverlight /图像的“cookies”）： http://samy.pl/evercookie/ Try this jQuery plugin: http://www.jstorage.info/ Will try various methods depending on the browser's capability. EDIT: An ... -
SD卡上的html5本地存储(html5 local storage on SD card)[2022-10-17]
我不认为Local Storage API可以让您决定所存储数据的物理位置。 它只是允许您通过JavaScript将键/值对存储在用户的浏览器中，如cookie，除了它保持在本地并且不传输到服务器。 浏览器可能会选择将其本地存储数据放入SD卡或其运行的设备上，但您无法检查数据的物理位置。 有关本地存储可以执行的操作以及如何使用它的详细指南，请参阅http://diveintohtml5.ep.io/storage.html#localstorage 。 I don’t think the Local Sto ...