<html>
<body>
<form id="myForm">
Firstname: <input id="fname" type="text" value="Mickey" />
Lastname: <input id="lname" type="text" value="Mouse" />
<input id="sub" type="button" value="Submit" />
</form>
<p>Get the value of all the elements in the form:<br />
<script type="text/javascript">
var x=document.getElementById("myForm");
var len = x["length"];
alert(typeof(window.localStorage));
localStorage.a = 3;//设置a为"3"
localStorage["a"] = "sfsf";//设置a为"sfsf",覆盖上面的值
localStorage.setItem("b","isaac");//设置b为"isaac"
var a1 = localStorage["a"];//获取a的值
var a2 = localStorage.a;//获取a的值
var b = localStorage.getItem("b");//获取b的值
localStorage.removeItem("c");//清除c的值
alert(window.localStorage.getItem("b"))
for (var i=0;i<x.length;)
{
x.removeChild(x.elements[i])
}
</script>
</p>
</body>
</html>
分享到:
相关推荐
"storejs本地存储localstorage的封装提供简单的API没有依赖" 这个标题告诉我们,storejs是一个专门针对浏览器本地存储机制——localStorage的轻量级库。它通过封装localStorage,为开发者提供了更易用的API接口,...
标题“支持设置过期时间的本地存储localStorage”指出了一种改进的本地存储方法,即在使用`localStorage`时加入过期时间的概念。这将帮助我们更好地控制存储在客户端的数据,避免因数据过期而引发的问题,同时减少...
本地存储localStorage用法详解 本地存储localStorage是一种在HTML5中引入的新特性,主要用来解决cookie存储空间不足的问题。localStorage可以将数据存储在客户端,解决了cookie的4K限制问题,且可以将第一次请求的...
本文将深入探讨“store”这个本地存储实现,以及如何在浏览器不支持localStorage时优雅地降级到使用cookie。 首先,`localStorage`是HTML5引入的一种本地存储机制,它允许Web应用在用户的浏览器上存储大量数据...
HTML5的本地存储机制,尤其是LocalStorage,是现代Web开发中不可或缺的一部分,它允许开发者在用户的浏览器上持久化地存储数据,而无需借助于Cookie或Flash等传统方式。LocalStorage的引入,解决了早期存储技术如...
在本文中,我们将深入探讨如何使用JavaScript(JS)与HTML5的本地存储机制Localstorage来实现用户注册和登录的功能,并进行基本的验证。Localstorage是Web应用存储数据的一种方法,它允许开发者在浏览器中持久化地...
这个系统是基于jQuery 3.4.1版本构建的,旨在帮助用户在本地存储商品选择,即使页面刷新或关闭,购物车中的商品也不会丢失。以下是关于这个项目的详细知识点: 1. **jQuery**:jQuery是一个流行的JavaScript库,它...
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 ...
总之,`localStorage`和`userData`是JavaScript实现本地存储的两种方式,它们各有优缺点。随着现代浏览器的普及,`localStorage`已经成为更常用的选择,但对于需要兼容旧版IE的场景,`userData`仍然是一个备选方案。...
- **本地存储(localStorage 和 sessionStorage)**:两者都是Web Storage的一部分,用于在用户浏览器上存储键值对数据。`localStorage`的数据永久存在,除非用户手动清除,而`sessionStorage`的数据仅在当前会话...
1. localStorage是本地存储,存储期限不限; 2. sessionStorage会话存储,页面关闭数据就会丢失。 使用方法: localStorage.setItem(“key”,“value”)//存储 localStorage.getItem(key)//按key进行取值 ...
在Vue.js开发中,我们经常需要与浏览器的本地存储机制如localStorage进行交互,用于保存用户数据或应用状态。为了提高代码的可维护性和复用性,开发者会进行二次封装,创建一个专门处理localStorage操作的工具模块。...
- **清空数据:** `localStorage.clear()` 方法用于清除localStorage中所有的存储项,即清空整个本地存储的内容。 ### 如何查看localStorage数据 虽然localStorage的数据在浏览器中不可见,但可以通过浏览器的...