在客户端存储数据

HTML5 提供了两种在客户端存储数据的新方法:

  • localStorage - 没有时间限制的数据存储
  • sessionStorage - 针对一个 session 的数据存储

之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。

在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。

对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。

HTML5 使用 JavaScript 来存储和访问数据。

localStorage 方法

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。

如何创建和访问 localStorage:

实例

<script type="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>

http://www.w3school.com.cn/html5/html_5_webstorage.asp

HTML 5 Web 存储-localStorage相关推荐

  1. Web存储—localStorage存储

    Web存储-localStorage存储 一. localStorage存储 特点:特点:本地存储数据的不需要网络.大小5M .域内安全.永久存储.只要不删除,就一直存在 二.语法 设置:localS ...

  2. localstorage存mysql_存储localstorage

    localStorage和sessionStorage区别 localStorage和sessionStorage一样都是用来存储客户端临时信息的对象. 他们均只能存储字符串类型的对象(虽然规范中可以 ...

  3. web前端基础入门开发教程之HTML5 Web 存储

    HTML5 Web 存储 在HTML5之前,主要是使用cookies存储,cookies的缺点有:需要在请求头上带着数据,存储大小不过,在4k之内.本节, HTML5 web 存储,一个比cookie ...

  4. web存储机制localStorage和sessionStorage

    https://www.cnblogs.com/yaoyuqian/p/7901052.html web存储包括两种:sessionStorage 和 localStorage(都是限定在文档源级别, ...

  5. web存储详解(cookie、sessionStorage、localStorage、indexedDB)

    目录 一.web存储概念简介 1. 什么是web存储? 2. 为什么需要web存储? 二.web存储详解 1. cookie 2. sessionStorage和localStorage (1). 相 ...

  6. 适合0基础的web开发系列教程-web 存储

    HTML5 web 存储,一个比cookie更好的本地存储方式. 什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据. 早些时候,本地存储使用的是 cookie.但是Web ...

  7. H5存储------localStorage和sessionStorage

    web现在随着计算机的高速发展,客户端干的事情越来越多了,随着事情的增多,很多东西存储就不止在服务器了,本地存储越来越强大了(大神原谅我废话了????) 早期时期 cookie存储 (之前我用着还是很 ...

  8. js客户端存储之Web存储

    WEB存储 客户端存储有几种方式,WEB存储就是其中一种.最初作为H5的一部分被定义成API形式,后来被剥离出来作为独立的标准.所描述的API包含localStorage对象和sessionStora ...

  9. 【HTML5】Web存储、通信、地理位置

    Web存储 cookie 存储在浏览器中,每次浏览器向服务器发送请求都需要携带cookie.一般情况下,cookie是产生于服务器端,保存于客户端,但是我们也可以通过js来产生cookie.(cook ...

最新文章

  1. 直播|人大高瓴周骁:时空大数据与智慧城市前沿
  2. golang的mongodb操作(mgo)
  3. 染成茜色的坂道 汉化版攻略
  4. Confluence 6 CSS 编辑技巧
  5. Common FileUpload组件的简单使用
  6. 【SmartJob】配置看护任务
  7. pimg src=http://img.blog.csdn.net/20150823142545135?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQ...
  8. mysql select命令加速_数据库教程
  9. OpenStack、CloudStack、Eucalyptus和vCloud Director四大主流云平台怎么选?
  10. 工业机器人演示码垛和卸垛_「成果播报」流水线上的“专家”——智能拆垛装车机器人系统...
  11. html网页之日历代码,javascript html实现网页版日历代码
  12. VSCode离线汉化教程
  13. html转换opml,asp.net下URL网址重写成.html格式、RSS、OPML的知识总结
  14. 在这里,北上深成为“社科之城”
  15. 企业邮箱收发信息服务器怎么设置,企业邮箱服务器如何配置POP3和SMTP?
  16. 后端/Java/大数据/C++ 校招内推面经
  17. Anycloud平台LOGO生成方法
  18. 尚硅谷-SpringMVC篇
  19. iPhone iOS升级完美指南
  20. vim配置http://www.cnblogs.com/ma6174/archive/2011/12/10/2283393.html

热门文章

  1. 无窗口激活ActiveX控件的bug
  2. linux grep命令参数及用法详解---linux管道命令grep
  3. 判断select下拉框是否有选,并给下拉框赋值
  4. python 字符串 4位一组_Python基础4- 字符串
  5. 3位水仙花数计算pythonoj_Python解答蓝桥杯省赛真题之从入门到真题
  6. python相比于excel的优势_对照Excel使用Python进行数据分析,更快掌握
  7. android标题栏的属性,android – 属性“titleTextStyle”已经定义?
  8. python3迭代器是什么,python3 迭代器
  9. ffmpeg 分辨率 压缩_用GPU加速FFmpeg中的超分辨率功能
  10. 互联网晚报 | 3月8日 星期二 |​ ​​沪指深V反弹,创业板指跌幅收窄至0.75%;腾讯低代码平台与微信开发者平台打通...