学习笔记:Web Storage API
2024-09-01 03:18:52
Web Storage API 提供了存储机制,通过该机制,浏览器可以安全地存储键值对,比使用 cookie 更加直观。
Web Storage 包含如下两种机制:
- sessionStorage 为每一个给定的源(given origin)维持一个独立的存储区域,该存储区域在页面会话期间可用(即只要浏览器处于打开状态,包括页面重新加载和恢复)。
- localStorage 同样的功能,但是在浏览器关闭,然后重新打开后数据仍然存在。
localStorage和sessionStorage是相似的,除了存在前者的数据没有到期时间而存在后者的数据会被清除当浏览器关闭。例子:添加或更新数据项:localStorage.setItem('myCat','Tom');,读数据项:var cat = localStorage.getItem('myCat');,移除数据项:localStorage.removeItem('myCat');或localStorage.clear();,后者不接受参数,只是简单地清空域名对应的整个存储对象。
IE和Edge不支持在本地HTML文件上用localStorage,火狐可以。
localstorage中只能存储字符串。如果想存对象数组/对象/数组,则存之前要把数据变成JON,读时再把数据从JSON变回来。队JSON用typeof的结果是字符串。
真正项目中,大部分是通过Ajax和Server通过接口来实现对于数据的写操作,可以通过自己写一个简单的服务代码来学习前后端数据通信的主要方式Ajax。
最新文章
- NOI2018准备Day7
- STL map详细用法和make_pair函数
- 嵌入式Linux开发系列之一: 走进嵌入式Linux的世界
- 两层Fragment嵌套,外层Fragment切换时内层Fragment不显示内容
- Call Directory Extension 初探
- MP4视频编码器
- 玩转Leveldb原理及源码--拙见1
- Android Studio(AS)-->;导入项目
- stream,file,filestream,memorystream简单的整理
- PHP-max_execution_time与fpm.request_terminate_timeout介绍
- 修改输入框placeholder的样式
- jQuery中如何实现多库并存?
- C# 注册机功能开发,机器码设计
- Spring MVC 的国际化和本地化
- LeetCode手记-Add Binary
- 新的ipad,用xcode编译报错 dyld_shared_cache_extract_dylibs
- sudo su到root或到其它用户报这种错
- ElasticSearch入门3: 高级查询
- Sqlite3,维基百科中的练习:
- FreeMarker MyEclipse IDE
热门文章
- codeforces educational round25
- windows、Linux 开放端口
- day1_2_3
- Webservice 或者HttpRequest请求的时候提示 “指定的注册表项不存在”错误 解决方案
- <;转>;哥舒意:关于米奇的三个真相 (米奇&#183;阿尔博姆)
- 以后尽量不用cin、cout啦
- Educational Codeforces Round 57 (Rated for Div. 2)D(动态规划)
- 图解SSH上传安装eclipse
- 洛谷P1349 广义斐波那契数列
- 原生 Ajax 封装 和 Axios 二次 封装