html5的web存储对象,html5数据存储

　　在客户端存储数据

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

　　localStorage - 没有时间限制的数据存储

　　sessionStorage-一个 session的数据存储

　　以前这些都是cookie做的。然而，cookie不适合存储大量数据，因为它们是由每个请求传递到服务器的，这使得cookie速度慢且效率低。

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

　　对于不同的网站，数据存储在不同的区域，一个网站只能访问自己的数据。

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

　　localStorage 方法

　　localStorage方法存储的数据没有时间限制。在第二天、第一周或第二年之后，这些数据仍然可用。

　　如何创建和访问本地存储：

　　XML/HTML代码将内容复制到剪贴板！doctype html html body script type= text/JavaScript local storage . last name= Smith ；document . write( last name: local storage . last name)；/script/body/html以下示例计算用户访问页面的次数：

　　XML/HTML代码将内容复制到剪贴板！doctype html html body script type= text/JavaScript if(local storage . page count){ local storage . page count=Number(local storage . page count)1；} else { local storage . page count=1；} document . write( Visits: local storage . page count 次。);/script p刷新页面，您将看到计数器正在增长。/p p p请关闭浏览器窗口，然后重试。计数器将继续计数。/p /body /htmlsessionStorage 方法

　　sessionStorage方法存储会话的数据。当用户关闭浏览器窗口时，数据将被删除。

　　如何创建和访问会话存储：

　　将JavaScript代码内容编码到剪贴板！doctype html html body script type= text/JavaScript session storage . last name= Smith ；document.write(会话存储.姓氏)；/script/body/html以下示例计算用户在当前会话中访问页面的次数：

　　XML/HTML代码将内容复制到剪贴板！doctype html html body script type= text/JavaScript if(session storage . page count){ session storage . page count=Number(session storage . page count)1；} else { session storage . page count=1；} document . write( Visits session storage . page count this session次。);/script p刷新页面，您将看到计数器正在增长。/p p p请关闭浏览器窗口，然后重试。计数器已被重置。/p/body/html以上关于HTML5 Web storage的详细讲解，就是边肖分享的全部内容。希望能给你一个参考和支持。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。