`

客户端存储localStorage

 
阅读更多
HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储http://wangjingyi.iteye.com/blog/2181405

localStorage:

     数据永久保存,没有时间限制,除非明确制定删除。
     容量大,可以存储多达5M的字符串。
     安全性方面,localstorage是域内安全的,即是基于域的。任何在该域内的所有页面,都可以访问localstorage数据。

●length属性可以知道localstorage中存储着多少个键值对。
●setItem和getItem互为一对setter和getter方法,与面向对象中的set/get方法一样。
●removeItem方法的主要作用是删除一个key/value(键/值)对。
●clear方法的作用则是删除所有的键值对。

    localstorage.setitem("name","hi,wjy!");//本地客户端存储一个字符类型的数据
    localStorage.key(1);//通过索引值index去读取name的值,等价localstorage.getItem("name");
    localstorage.removeitem("name");//删除localstorage所有key/value键值对items
    localstorage.clear();


还能存储JSON格式的数据。
http://zhangyaochun.iteye.com/blog/1405451
http://www.86215.com/675.html
分享到:
评论

相关推荐

    storejs本地存储localstorage的封装提供简单的API没有依赖

    "JavaScript开发-数据存储" 这个标签表明store.js是JavaScript语言开发的一个工具,主要关注于数据存储方面,特别是Web应用程序中的客户端数据持久化。 **文件名称解析:** "jaywcjlove-store.js-eb3f44d" 这看起来...

    vue生成token保存在客户端localStorage中的方法

    首先,`localStorage`是浏览器提供的一种在客户端持久化存储数据的机制,它允许我们在用户的浏览器中保存键值对,即使用户关闭并重新打开浏览器,这些数据也会被保留。在Vue应用中,我们通常将用户登录后的access-...

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

    这将帮助我们更好地控制存储在客户端的数据,避免因数据过期而引发的问题,同时减少不必要的服务器请求。 描述中的“支持设置过期时间的本地存储localStorage”进一步强调了这个特性,意味着我们可以为每个存储的...

    本地存储localStorage用法详解

    localStorage可以将数据存储在客户端,解决了cookie的4K限制问题,且可以将第一次请求的数据直接存储到本地,相当于一个5M大小的针对于前端页面的数据库。 localStorage的优势包括: 1. 拓展了cookie的4K限制,...

    一个本地存储工具控制localStorage和sessionStorage

    在Web开发中,数据存储是不可或缺的一部分,尤其是在客户端存储用户数据时。`localStorage`和`sessionStorage`是HTML5引入的两种本地存储机制,它们允许Web应用在用户的浏览器上保存数据,无需每次页面刷新或关闭后...

    使用localStorage缓存js

    综上所述,`localStorage` 是一种实用的客户端存储工具,可以有效地缓存JavaScript代码,提升网页性能。通过合理的缓存策略和配合其他技术,可以构建出更高效、更流畅的Web应用。但同时,也要注意其安全性和兼容性...

    localStorage,sessionStorage的使用

    localStorage提供了一种在客户端存储数据的机制,其特点包括域内安全和永久保存。所谓域内安全意味着,同一域名下的页面可以相互访问存储的数据,而跨域则无法访问。永久保存指的是除非主动删除,否则存储的数据会在...

    HTML5 本地存储 LocalStorage详解

    HTML5的本地存储机制,尤其是LocalStorage,是现代Web开发中不可或缺的一部分,它允许开发者在用户的...同时,由于数据存储在客户端,这也带来了隐私和安全的考虑,开发者应当谨慎处理存储的数据,避免敏感信息的泄露。

    【温故而知新】HTML5存储localStorage:sessionStorage.md

    - **安全性**:由于`localStorage`和`sessionStorage`都存储在客户端,因此需要注意数据的安全性。不要将敏感信息(如密码)存储在这些地方。 - **跨域问题**:存储的数据只能由同源策略限制下的相同域名访问。 - **...

    详解如何获取localStorage最大存储大小的方法

    localStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,如果不是人为清除,那么即使是关闭浏览器也会一直存在。 sessionStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,会话级存储,也就是...

    JS中利用localStorage防止页面动态添加数据刷新后数据丢失

    localStorage是Web Storage API的一部分,它提供了一种在客户端浏览器存储数据的方式,即使浏览器关闭后数据也不会消失,且存储的数据是持久的。localStorage只存储字符串,因此在使用之前需要将数据转换为字符串...

    LocalStorage+HTML+CSS+jQuery 实现简易的学生管理系统

    LocalStorage是浏览器提供的本地存储机制,允许Web应用程序在客户端存储键值对数据。在学生管理系统中,LocalStorage用于保存学生数据,即使用户关闭浏览器,数据也能保留。当用户添加、修改或删除学生信息时,可以...

    HTML5 LocalStorage和UserData实现兼容多浏览器的本地存储

    然而,需要注意的是,由于数据存储在客户端,安全性较低,敏感信息不应直接存储在LocalStorage中。 **UserData Behaviors** UserData是IE6及更高版本中的一个特性,它也提供了一种在用户本地存储数据的方式。与...

    cookie使用,localStorage使用

    总结来说,Cookie适合存储少量、短期、需要在服务器端访问的数据,而localStorage则适用于存储大量、长期、仅客户端使用的数据。在实际应用中,开发者可以根据需求选择合适的存储方案。对于学习和实践,"CookieTest...

    H5打包成安卓app后,js的localstorage失效报错.pdf

    1. 使用Cookie:Cookie是一种在客户端和服务器之间传递信息的方式,虽然每个Cookie的大小限制在4KB左右,但可以通过设置多个Cookie来存储更多数据。不过,相比于`localStorage`,Cookie会随每个HTTP请求发送,可能...

Global site tag (gtag.js) - Google Analytics