HTML5新特性——HTML 5 Web 存储
2012-10-12 11:19
477 查看
在客户端存储数据
HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。
在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。
对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。
HTML5 使用 JavaScript 来存储和访问数据。
localStorage 方法
localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用,也就是说localStroage存储在本地内存里面。如何创建和访问 localStorage:
创建:
View Code
<!DOCTYPE HTML> <html> <body> <script type="text/javascript"> if (sessionStorage.pagecount) { sessionStorage.pagecount=Number(sessionStorage.pagecount) +1; } else { sessionStorage.pagecount=1; } document.write("Visits " + sessionStorage.pagecount + " time(s) this session."); </script> <p>刷新页面会看到计数器在增长。</p> <p>请关闭浏览器窗口,然后再试一次,计数器已经重置了。</p> </body> </html>
相关文章推荐
- HTML5特性 > 本地储存 >HTML5 Web本地存储
- 【翻译】HTML5开发——轻量级Web Database存储库html5sql.js
- HTML5--web存储
- HTML5-Web-存储
- HTML 5 Web 存储
- HTML5本地存储之Web Storage篇
- HTML5----Web Storage存储web数据
- HTML5 Web存储(Web Storage)(4)
- html5 Web存储的localStorage和sessionStorage的使用方法【图文说明】
- Storage---Html5 Web的5中离线存储方式之localStorage
- HTML新特性之WebSocket
- 【麦子学院】03.web前端开发之HTML5+CSS3快速入门之基本HTML5元素介绍
- HTML5 Web存储(Web Storage)技术以及用法
- HTML5 Web 存储
- html5 学习笔记三(web存储)
- Html5本地存储之Web SQL&nbsp…
- HTML5 Web 存储
- The Expressive Web:最具创意的HTML5和CSS3特性展示
- [HTML] 使用HTML5的本地存储localStorage
- HTML5学习笔记17-Web存储