<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的数据在浏览器中不可见，但可以通过浏览器的...