`
hzjmllp686
  • 浏览: 1444 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
最近访客 更多访客>>
社区版块
存档分类
最新评论

本地存储 LocalStorage

阅读更多
<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的封装提供简单的API没有依赖" 这个标题告诉我们,storejs是一个专门针对浏览器本地存储机制——localStorage的轻量级库。它通过封装localStorage,为开发者提供了更易用的API接口,...

    支持设置过期时间的本地存储localstorage

    标题“支持设置过期时间的本地存储localStorage”指出了一种改进的本地存储方法,即在使用`localStorage`时加入过期时间的概念。这将帮助我们更好地控制存储在客户端的数据,避免因数据过期而引发的问题,同时减少...

    本地存储localStorage用法详解

    本地存储localStorage用法详解 本地存储localStorage是一种在HTML5中引入的新特性,主要用来解决cookie存储空间不足的问题。localStorage可以将数据存储在客户端,解决了cookie的4K限制问题,且可以将第一次请求的...

    store:本地存储实现,优先本地存储localStorage,如果浏览器不支持,优雅降级为cookie

    本文将深入探讨“store”这个本地存储实现,以及如何在浏览器不支持localStorage时优雅地降级到使用cookie。 首先,`localStorage`是HTML5引入的一种本地存储机制,它允许Web应用在用户的浏览器上存储大量数据...

    HTML5 本地存储 LocalStorage详解

    HTML5的本地存储机制,尤其是LocalStorage,是现代Web开发中不可或缺的一部分,它允许开发者在用户的浏览器上持久化地存储数据,而无需借助于Cookie或Flash等传统方式。LocalStorage的引入,解决了早期存储技术如...

    JS+HTML5本地存储Localstorage实现注册登录及验证功能示例

    在本文中,我们将深入探讨如何使用JavaScript(JS)与HTML5的本地存储机制Localstorage来实现用户注册和登录的功能,并进行基本的验证。Localstorage是Web应用存储数据的一种方法,它允许开发者在浏览器中持久化地...

    基于jQuery的localStorage购物车.zip

    这个系统是基于jQuery 3.4.1版本构建的,旨在帮助用户在本地存储商品选择,即使页面刷新或关闭,购物车中的商品也不会丢失。以下是关于这个项目的详细知识点: 1. **jQuery**:jQuery是一个流行的JavaScript库,它...

    HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等

    HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 ...

    JS实现本地存储信息的方法(基于localStorage与userData)

    总之,`localStorage`和`userData`是JavaScript实现本地存储的两种方式,它们各有优缺点。随着现代浏览器的普及,`localStorage`已经成为更常用的选择,但对于需要兼容旧版IE的场景,`userData`仍然是一个备选方案。...

    html5本地存储 localStorage操作使用详解

    - **本地存储(localStorage 和 sessionStorage)**:两者都是Web Storage的一部分,用于在用户浏览器上存储键值对数据。`localStorage`的数据永久存在,除非用户手动清除,而`sessionStorage`的数据仅在当前会话...

    HTML5 LocalStorage 本地存储刷新值还在

    1. localStorage是本地存储,存储期限不限; 2. sessionStorage会话存储,页面关闭数据就会丢失。 使用方法: localStorage.setItem(“key”,“value”)//存储 localStorage.getItem(key)//按key进行取值 ...

    vue使用二次封装存储localStorage

    在Vue.js开发中,我们经常需要与浏览器的本地存储机制如localStorage进行交互,用于保存用户数据或应用状态。为了提高代码的可维护性和复用性,开发者会进行二次封装,创建一个专门处理localStorage操作的工具模块。...

    解析HTML5中的新功能本地存储localStorage

    - **清空数据:** `localStorage.clear()` 方法用于清除localStorage中所有的存储项,即清空整个本地存储的内容。 ### 如何查看localStorage数据 虽然localStorage的数据在浏览器中不可见,但可以通过浏览器的...

Global site tag (gtag.js) - Google Analytics