日期:2014-05-17  浏览次数:20769 次

简介HTML5 DOMStorage的API与实例
HTML5是一个标准的结构,并提出了万维网上的内容。新标准采用的功能,如视频播放和拖和下降,以前一直依赖第三方浏览器插件,如Adobe的Flash和微软的Silverlight。HTML5引入了一些新的元素和属性,反映典型的现代网站的使用。其中有些是常见的用途通用的块(<DIV>)和内联(<SPAN>)元素的语义替换,例如<nav>(网站导航块)和<footer>(通常是指网页的底部或最后几行HTML代码)。其他元素提供了新的功能,通过一个标准的接口,如多媒体元素的<audio>的和<video>的。
 
除了指定的标记,HTML5指定脚本的应用程序编程接口(API)。现有的文档对象模型(DOM)接口的扩展和记录的实际功能。
 
什么是DOM寄存?
DOM存储是一种有意义的大量的客户端数据存储在持久性和安全的方式。这是一个W3C草案涵盖究竟是如何保存客户端的信息应该做的。它最初是HTML 5规范的一部分,但当时采取的是独立的。Web存储或有点混乱流行的名字DOM存储,是一个伟大的方式将信息保存为当前会话和窗口,或返回用户。
 
DOM Storage提供的机制来安全地存储数据的键/值对的形式,并在以后检索使用。此功能的主要目的是提供一个全面的手段,通过它可以建立交互式应用程序(包括先进的能力,如能a€?offlinea长时间)。
 
DOM Storage提供的存储和检索数据在客户端使用JavaScript类API易于使用的一种强有力的方式。
 
DOM存储的范围
DOM Storage提供不同的机制来存储客户端数据使用内置存储对象的,它提供了广泛的范围。例如,使用DOM存储,它可以将数据存储为一个会话的用户请求,或一个网站的所有页。
 
DOMStorage存储访问机制,由窗口对象的全局变量。以下是可用的对象提供不同范围的数据存储。
 
sessionStorage
sessionStorage对象可以访问通过直接引用它的名字通过window.sessionStorage。这是一个全局对象(sessionStorage)保持的存储区域塔塔€?s可用的页面会话的持续时间。只要在浏览器打开的页面会持续。打开一个新的选项卡或窗口中的页面,会导致启动一个新的会话。注意:,sessionStorage可以生存重新启动浏览器,因此它是最有用的挂在临时数据应保存和恢复,如果浏览器不小心刷新。
 
例:一个字符串值,Hello world ,并显示在浏览器。