解析HTML5存储功能和web SQL相关操作方法.docVIP

解析HTML5存储功能和web SQL相关操作方法 “text/javascript” nbsp; nbsp; nbsp; if( sessionStorage.hits ){ nbsp;nbsp; nbsp; nbsp; nbsp; nbsp;sessionStorage.hits = Number(sessionStorage.hits) +1; nbsp;nbsp; nbsp; nbsp; }else{ nbsp;nbsp; nbsp; nbsp; nbsp; nbsp;sessionStorage.hits = 1; nbsp;nbsp; nbsp; nbsp; } nbsp;nbsp; nbsp; nbsp; document.write(“Total Hits :” + sessionStorage.hits ); nbsp;nbsp; nbsp; lt;/script nbsp; nbsp; lt;pRefresh the page to increase number of hits.lt;/p nbsp; nbsp; lt;pClose the window and open it again and check the result.lt;/p nbsp; lt;/body nbsp; lt;/html nbsp; 本地存储 _本地存储_被设计用于跨多个窗口进行存储，并持续处在当前会话上。尤其是，出于性能的原因 Web 应用程序可能希望在客户端存储百万字节的用户数据，比如用户撰写的整个文档或者是用户的邮箱。 Cookies 并不能很好的处理这种情况，因为每个请求都会传输。 示例 HTML5 引入了 localStorage 属性，可以用于访问页面的本地存储区域而没有时间限制，无论何时我们使用这个页面的时候本地存储都是可用的。 下面的代码设置了一个本地存储变量，每次访问这个页面时都可以访问该变量，甚至是下次打开窗口时： XML/HTML Code lt;!DOCTYPE HTML nbsp; lt;html nbsp; lt;body nbsp; nbsp; lt;script type=“text/javascript” nbsp; nbsp; nbsp; if( localStorage.hits ){ nbsp;nbsp; nbsp; nbsp; nbsp; nbsp;localStorage.hits = Number(localStorage.hits) +1; nbsp;nbsp; nbsp; nbsp; }else{ nbsp;nbsp; nbsp; nbsp; nbsp; nbsp;localStorage.hits = 1; nbsp;nbsp; nbsp; nbsp; } nbsp;nbsp; nbsp; nbsp; document.write(“Total Hits :” + localStorage.hits ); nbsp;nbsp; nbsp; lt;/script nbsp; nbsp; lt;pRefresh the page to increase number of hits.lt;/p nbsp; nbsp; lt;pClose the window and open it again and check the result.lt;/p nbsp; lt;/body nbsp; lt;/html nbsp; 便于学习上述概念 - 请进行在线练习。 删除 Web 存储 在本地机器上存储敏感数据可能是危险的，可能会留下安全隐患。 _会话存储数据_在会话终止之后将由浏览器立即删除。 要清除本地存储设置需要调用 localStorage.remove(‘key’)；这个 ‘key’ 就是我们想要移除的值对应的键。如果想要清除所有设置，需要调用 localStorage.clear() 方法。 下面的代码会完全清除本地存储： XML/HTML Code lt;!DOCTYPE HTML nbsp; lt;html nbsp; lt;body nbsp; nbsp; lt;script type=“text/javascript” nbsp; nbsp; nbsp; localStorage.clear(); nbsp;nbsp; nbsp; nbsp; // Reset number of hits. nbsp;nbsp; nbsp; nbsp; if( localStorage.hits )