`

LocalStorge的用法

阅读更多
前言:
  LocalStorge是JavaScript存储数据的一种方法,它只可以存储字符串类型的数据.与SessionStorage的区别是,LocalStorge存储的数据是永久性的,除非刻意删除存储的数据,或者用户通过设置浏览器配置删除,否则将一直保留在用户的电脑上;另外LocalStorge的作用域是限定在文档源级别的(作用域也受浏览器供应商的限制).
正文:
1.localStorage.length:返回现在已经存储的变量数目。
var a = localStorage.length;

2.localStorage.key(n):返回第n个变量的键值(key)。
localStorge.a=1;
localStorge.b=2;
var c=localStorage.key(0) //则c为"a",要注意的是该顺序是第一次存储的顺序,而不是修改顺序

3.localStorage.getItem(k):和localStorage.k一样,取得键值为k的变量的值。
4.localStorage.setItem(k , v):和localStorage.k = v一样,设置键值k的变量值。
5.localStorage.removeItem(k):删除键值为k的变量。
6.localStorage.clear():清空所有变量。
7.JSON.parse(localStorage.getItem("names")) 取得数组names的值
8.localStorage.setItem('names', JSON.stringify(names))
分享到:
评论

相关推荐

    详解vue中localStorage的使用方法

    使用`localStorage.setItem(key, value)`方法可以将数据存储到localStorage中,例如: ```javascript localStorage.setItem('accessToken', 'Bearer ' + response.data.result.accessToken); ``` 这里,`...

    基于localStorge开发登录模块的记住密码与自动登录实例

    对于想要深入学习和应用该技术的开发者而言,除了理解localStorage的基本使用方法,还应掌握数据加密、HTTP请求处理、异步编程等更高级的技能。此外,随着Web技术的不断进步,开发者也应关注新兴技术的发展趋势,以...

    基于vue.js和webpack的Chat示例

    todomvc看腻了,周末花时间做了一个基于Vue + Webpack构建的简单chat示例,聊天记录保存在localStorge。简单演示了Vue的component、filter、directive、computed以及组件间的事件通讯。 项目地址: ...

    use-localstorge-observed:监控本地存储的变化

    使用观察到的本地存储 采用 npm install use-localstorge-observed // or yarn install use-localstorge-observed const isChange : Boolean = useLocalstorgeObserved ( { keyName : 'token' } ) // output true or...

    Python库 | guillotina_localstorage-0.1.0-py3-none-any.whl

    在默认情况下,Guillotina使用数据库来存储文件内容,但`guillotina_localstorage`提供了一个替代方案,将文件直接存储在服务器的文件系统上。这种方式在某些场景下可能更为高效,比如处理大量的静态文件或大型文件...

    dojo-local-storage:提供 dojostore 接口的 LocalStorage 包装器

    当使用 LocalStorage 时,该商店提供了一个 dojo/store 接口。 查阅《 或《 介绍 LocalStorage 仅适用于值是字符串的键/值对。 相反,Dojo-local-storage 适用于对象。 对象的 JSON 序列化存储在 LocalStorage 中,...

    react-redux-todo:使用REACT REDUX和localstorge的待办事项列表

    使用REACT REDUX和localstorge的待办事项列表可用脚本该项目是通过引导的。 在项目目录中,可以运行:npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑,则页面将重新加载。 您还将在...

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

    此外,如果用户禁用了Cookie,这种方法可能无法工作。 2. 让Android开发配置`localStorage`权限:在Android的Webview中,开发者可以手动启用对`localStorage`的支持。这通常通过在Webview的初始化代码中添加如下...

    html课设(个人博客网站)

    1.登录注册,localstorge本地存储, 假表单搜素 2.涵盖表格(不限于数据展示,样式) 3.涵盖iframe框架 必须涵盖 4.DIV(全站) 5.网站完整且连续运行 6.包含1,2,3,4级页面 7.数据规范且相对有效地(无政治)

    localstorage:.NET的LocalStorage-一种简单轻巧的工具,用于在dotnet(核心)应用中持久保存数据

    什么是LocalStorage? LocalStorage是一个简单实用程序,可以实用地解决常见问题-在.NET应用程序中快速存储和访问对象。 它的设计考虑了特定的愿景:即使是在会话之间,也可以为持久对象提供一个简单的解决方案,该...

    nuxt-vuex-localstorage

    与其他持久性插件不同,通过仅分配Vuex的某些特定对象,Web存储可以节省更多空间,并且还可以与现有Vuex用法一起使用。 通过本地存储的数据绑定可以在多个浏览器选项卡中轻松管理。 它具有强大的数据加密功能,...

    JS18-LocalStorage:从LocalStorage获取数据。 从LocalStorage删除和更新项目

    JS18-本地存储 从LocalStorage获取数据。...但是,我们可以使用一种称为JSON.stringyfy的方法 localStorage.getItem('allMonths'); const monthsArray = JSON.parse(months); console.log(monthsArray

    android webview 中localStorage无效的解决方法

    例如,正确地使用`window.localStorage.setItem()`和`window.localStorage.getItem()`等方法。 通过以上步骤,应该能够解决Android WebView中localStorage无效的问题。如果问题仍然存在,可能需要更深入地排查代码...

    cookie解决微信不能存储localStorage的问题

    首先,通过new Date()创建一个Date对象,并通过getDate()方法增加过期天数,然后设置expires属性为这个新的日期对象转换成的GMT字符串。最后,将cookie的名称、值以及过期日期(如果有的话)组合成字符串,并通过...

    LocalStorage记住用户和密码功能

     对于Cookie来说它只有一个[removed]这一个API可以使用,不管是读取Cookie还是存储Cookie你都只能使用它  然而LocalStorage,你存储的时候有localStorage.setItem(),你...并且localStorge的储存空间大,有5M,并且是

    前端 45 道面试题及答案.docx

    可以使用localstorge、cookies等本地存储方式实现浏览器内多个标签页之间的通信。 网页验证码: 网页验证码是为了解决安全问题,防止恶意破解密码、刷票、论坛灌水等问题。 页面可见性: 页面可见性可以检测页面...

    基于Vue + Webpack简单聊天室

    3. **组件化**:Vue的组件可以看作是可复用的视图单元,包含自身的状态和方法,可以组合成复杂的用户界面。 4. **指令系统**:Vue提供一系列预定义的指令,如`v-if`、`v-for`、`v-bind`等,方便操作DOM。 5. **计算...

    localStorage_tools:localstorage工具

    localstorge_tools localstorage工具 支持函数: dawn_ls_tools.checkCache('键', '传入的时间和localstorage之间的关系(> | >= | == | <= | <)', '要比对的时间(时间戳,不传表示当前时间)' ) // 判断...

    filemanager:一个基于express的简陋的文件管理系统

    filemanager一个基于express的简陋的文件管理系统使用的框架:前端框架:bootstrap 、jQuery后端:node.js 技术 以及 express框架,文件上传中间件multiparty待解决问题:首先是已知的系统仍然存在的bug:a)服务器...

    vue-framework-admin-0.0.8.zip

    一步一步实现中后台管理平台模板-基于Vue-cli3+Ant-Design-Vue,参考博文:https://blog.csdn.net/ABAP_Brave/article/details/99065313

Global site tag (gtag.js) - Google Analytics