下面是一个例子:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var i=localStorage.pagecount;
if(i){
localStorage.pagecount=Number(i)+1;
}else{
localStorage.pagecount=1;
}
document.write("local:"+localStorage.pagecount);
var j=sessionStorage.pagecount;
if(j){
sessionStorage.get.pagecount=Number(j)+1;
}else{
sessionStorage.pagecount=1;
}
document.write("session:"+sessionStorage.pagecount);
</script>
</body>
</html>
localStorage和sessionStorage 是window对象,他们都实现了Storage接口
interface Storage {
readonly attribute unsigned long length;
DOMString? key(unsigned long index);
getter DOMString getItem(DOMString key);
setter creator void setItem(DOMString key, DOMString value);
deleter void removeItem(DOMString key);
void clear();
};
参考文档:
http://www.w3.org/TR/2011/CR-webstorage-20111208/
分享到:
相关推荐
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁 因此...
html web storage 别人写的,共享下
angular-html5-storage Angular.jsHTML5 Web存储(ngHTML5Storage)安装 bower install angular-html5-storage --save用法创建服务包装器(可选) app .factory('myStorageService', ['ngHTML5Storage', function(ng...
LocalStorage was overrided based on HTML5 storage technics, and local sqlite was used to maintain data in order to realize cross-domain data interaction. (3)Considering self-adaption of pages, the ...
检查web页面存储的cookie和HTML5 web存储数据(localStorage和sessionStorage)。 你可以很容易地检查是否一个… 检查网页存储的cookie和HTML5 Web存储数据(localStorage和sessionStorage)。 您可以轻松地检查网站...
检查网页存储的cookie和HTML5 Web存储数据(localStorage和sessionStorage)。 您可以轻松地检查是否... 检查网页存储的cookie和HTML5 Web存储数据(localStorage和sessionStorage)。 您可以轻松地检查网站是否将您...
HTML5针对国内移动终端的可行性调研 背景 2 HTML5手机浏览器兼容性调查 3 1.1简介 3 1.2主流手机浏览器对HTML5和CSS3的兼容性 3 1.2.1 HTML5 Web应用程序 4 1.2.2 HTML5移动应用功能 5 1.2.3 HTML5音频编码 5 1.2.4...
HTML5购物车特效:点击添加商品到购物车代码,实现本功能,主要是使用了HTML5 storage ,也就是浏览器数据库功能,跟之前把数据存在cookies里面原理是相似的,但这样的好处是当用户刷新页面时购物车中的数据还在,又...
HTML5中很重要的技能之一就是:HTML5本地存储,今天就来说说这个技术,以及和其它存储方案的比较。
《HTML5高级程序设计》由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用WebSocket、Geolocation、WebStorage、Carlvas及音频视频等...
主要为大家详细介绍了HTML5本地存储之Web Storage的相关资料,Web Storage如何用JSON存储多个数据,感兴趣的小伙伴们可以参考一下
本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...
从第2 章起,分别围绕构建令人神往的富web 应用,逐一讨论了html5 的canvas、geolocation 、communication、websocket、forms、web workers、storage 等api 的使用, 辅以直观明了的客户端和服务器端示例代码,让...
Storage.js 是一个 jQuery 插件用于简化 HTML5 编辑,使用 HTML5 中的可编辑内容属性和本地存储,让你直接在浏览器上编辑内容并将编辑的内容临时保存于本地。就算浏览器重启也内容也不会丢失。 标签:...
HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面...
本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...
适用于Angular2HTML5 WebStorage API (服务) (服务) (装饰器) (功能) 用 下载库: npm install h5webstorage --save 2.将模块和提供程序导入顶级模块: import { WebStorageModule } from "h5web...
从第2 章起,分别围绕构建令人神往的富web 应用,逐一讨论了html5 的canvas、geolocation 、communication、websocket、forms、web workers、storage 等api 的使用, 辅以直观明了的客户端和服务器端示例代码,让...
本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...