HTML5基础(Web Storage)
来源:互联网 发布:多个虚拟机网络设置 编辑:程序博客网 时间:2024/05/22 04:45
Cookies的弊端
在html5中,除了增加Canvas之外,还增加了一个非常重要的功能,那就是可以在客户端本地保存数据的Web Storage。
之前我们使用Cookies来保存本地一些数据,但是Cookies存在如下问题:
- 大小:Cookies的大小被限制在4KB
- 带宽::Cookies是随着Http事务一起被发送的,会浪费不必要的带宽
- 复杂性:要正确操作Cookies是比较复杂的
Web Storage综述
Web Storage功能就是在Web上储存数据的功能,这里的储存是针对客户端本地而言的。
具体分两种:sessionStorage和localStorage。
sessionStorage
将数据保存在session对象中。
session是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,也就是用户浏览这个网站所花费的时间。
session对象可以用来保存在这段时间内所要求保存的任何数据。
localStorage
localStorage将数据保存在客户端本地的硬件设备(硬盘)中,即使浏览器被关闭了,该数据仍然存在,下一次打开浏览器访问网站时仍然可以继续使用。
Web Storage使用方法
不论是sessionStorage还是localStorage,都是以键值对的方式存储的数据
sessionStorage
sessionStorage.setItem("message","messageContent"); //保存数据sessionStorage.getItem("message"); //读取数据
localStorage
localStorage.setItem("message","messageContent"); //保存数据localStorage.getItem("message"); //读取数据
0 0
- HTML5基础(Web Storage)
- Html5的Web Storage的基础
- HTML5基础20----Web Storage概述
- HTML5 Web Storage(读书笔记)
- 【HTML5与CSS3基础】HTML5本地存储 Web Storage
- html5本地存储(Web Storage API)
- html5本地存储(web Storage)
- 转HTML5 web storage
- HTML5 Web Storage 特性
- HTML5之WEB Storage
- HTML5 Web Storage 特性
- HTML5 Web Storage用法
- HTML5 Web Storage 特性
- HTML5 Web Storage
- HTML5 Web Storage代码
- HTML5开发 web storage
- HTML5的Web Storage
- HTML5 Web Storage
- Java多线程
- Selenium2(WebDriver)总结(二)---Firefox的firebug插件参数设置(补充)
- iOS开发中一些需要授权的功能在plist中添加的字段白名单
- Bash别名与函数实战攻略
- LeetCode解题报告 394. Decode String [medium]
- HTML5基础(Web Storage)
- Python爬虫 分组 和 (.*?)
- mysql常用参数汇总
- MyBatis 和 Hibernate对比与选择
- Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性
- 标准IO与文件IO
- Maven入门
- 第一个 Spring Boot 程序
- 欢迎使用CSDN-markdown编辑器