下面是一个例子：
<!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。这两种存储方式都是为了替代传统Cookie的局限性，提供更大的存储空间和更高效的本地数据管理。...
HTML5 Web Storage 是一种在浏览器端存储数据的技术，它提供了比传统Cookie更高效、容量更大的存储空间，使得网页可以离线存储数据并提高应用程序的性能。Web Storage 分为两种主要类型：Session Storage 和 Local ...
angular-html5-storage Angular.jsHTML5 Web存储（ngHTML5Storage）安装 bower install angular-html5-storage --save用法创建服务包装器（可选） app .factory('myStorageService', ['ngHTML5Storage', function(ng...
除此之外，HTML5还引入了一种更为强大的数据存储解决方案——Database Storage，即基于SQLite的本地数据库。 SQLite是一种轻量级的关系型数据库，它不需要单独的服务器进程，并且可以直接嵌入到应用程序中。在HTML5...
检查web页面存储的cookie和HTML5 web存储数据(localStorage和sessionStorage)。 你可以很容易地检查是否一个… 检查网页存储的cookie和HTML5 Web存储数据（localStorage和sessionStorage）。 您可以轻松地检查网站...
检查网页存储的cookie和HTML5 Web存储数据（localStorage和sessionStorage）。 您可以轻松地检查是否... 检查网页存储的cookie和HTML5 Web存储数据（localStorage和sessionStorage）。 您可以轻松地检查网站是否将您...
HTML5 WebStorage是现代网页应用中用于本地存储数据的关键特性，它解决了传统cookie技术的一些局限性，提供了更高效、安全的存储方式。WebStorage主要包含两种类型：localStorage和sessionStorage。 1. ...
HTML5应用开发技术中，Web Storage是一个重要的特性，它提供了比传统Cookie更高效、容量更大的本地数据存储解决方案。Web Storage分为两种类型：localStorage和sessionStorage，它们都是为了解决浏览器端的数据存储...
【JEECG Local storage&Easyui extension】是一个关于在JEECG框架中使用HTML5的本地存储机制（Local Storage）和EasyUI扩展功能的实践。本文将详细介绍这两个方面及其在项目中的应用。 1. **Local Storage** ...
HTML5 提供了 Web Storage 技术，它允许网页在用户的浏览器中存储键值对形式的数据。Web Storage 的优势在于它比传统的 Cookie 存储机制拥有更大的存储空间和更好的性能。 Web Storage 包括两种类型的存储机制：...
【YR-HTML5】Web Storage实现本地留言板 在现代Web开发中，为了提供更好的用户体验，数据存储成为了不可或缺的一部分。传统的Cookie技术虽然可以实现数据存储，但存在存储量小、每次请求都会携带Cookie等限制。...
在HTML5中，Web Storage是一项重要的本地存储技术，它解决了传统cookie存在的诸多问题，如大小限制和不必要的网络传输。Web Storage分为两种类型：Session Storage和Local Storage，两者都是用来在用户的浏览器上...
HTML5购物车特效：点击添加商品到购物车代码，实现本功能，主要是使用了HTML5 storage ，也就是浏览器数据库功能，跟之前把数据存在cookies里面原理是相似的，但这样的好处是当用户刷新页面时购物车中的数据还在，又...
洛克王国HTML5游戏源码是一套用于构建基于Web浏览器的游戏开发框架，它充分利用了HTML5的新特性，如Canvas绘图、Web Storage本地存储、WebSocket实时通信等，为玩家提供了一个无需安装、跨平台的游戏体验。HTML5作为...
"HTML54stock"是一款基于HTML5技术的开源股票分析工具，它利用HTML5的新特性，如Canvas和Web Storage，以及JavaScript库，如jQuery和Highcharts，实现了丰富的图表展示功能，包括K线图、成交量图、MACD等常用股票...
于是，Web Storage作为HTML5的一项重要特性应运而生，为开发者提供了更高效、更灵活的数据存储解决方案。 Web Storage分为两种类型：Session Storage和Local Storage。它们的主要区别在于数据的生命周期和作用范围...
### HTML5介绍 #### 什么是HTML5？ HTML5是一种用于构建网页的标准标记语言，它不仅扩展了HTML4的功能，还引入了许多新特性来增强网页的表现力和交互性。HTML5的发展始于2004年，由WHATWG（Web Hypertext ...
HTML5是下一代网页标准，它在原有的HTML4基础上增加了许多新的功能和特性，极大地提升了Web应用的性能和用户体验。HTML5 App界面模板是基于这些新特性的设计，旨在为移动应用或现代Web应用提供流畅、互动且响应式的...
《HTML5高级程序设计》由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造，为读者清晰解读了HTML5规范的缘由、发展和现状，全面展示了如何使用WebSocket、Geolocation、WebStorage、Carlvas及音频视频等...
HTML5是下一代超文本标记语言，它在2014年正式成为W3C推荐标准，极大地改进了网页和应用程序的开发方式。本参考手册旨在深入解析HTML5的各种特性和用法，帮助开发者掌握这一强大的工具。 一、HTML5新特性 1. 结构化...