html5的页面存储
使用html5，浏览器可以将页面数据存储在本地，早期是通过cookies实现的。然而，页面存储更快也更安全，存储的数据不包括所有的服务请求，只有在被请求的情况下才存储数据，在不影响网站性能的情况下可以存储大量的数据，数据是以键值对的形式存储的
在客户端存储数据有两种形式：
本地存储：无限期的存储数据，在浏览器关闭的时候也不会被删除，以后还是可用的
会话存储：只为一个会话存储数据，其他的使用基本与localStorage相同，除了只为一个会话存储数据，当浏览器关闭的时候，数据就会被删除
在使用页面存储数据之前，先检查浏览器是否支持本地存储和会话存储：
<body>
<div id="result"></div>
<script>
if(typeof(Storage)!=="undefined")
{
localStorage.lastname="Smith";
document.getElementById("result").innerHTML="Last name: " + localStorage.lastname;
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}
</script>
</body>
分享到：
相关推荐
1. **HTML5**: HTML5是超文本标记语言的最新版本，提供了许多新特性，如语义化标签、离线存储、媒体元素、 canvas 画布、SVG矢量图等。在这个项目中，HTML5用于构建页面结构，通过使用如、、、等语义化标签，可以更...
同时，HTML5的离线存储机制（如`localStorage`和`IndexedDB`）可以用来保存用户的游戏进度，即使在离线状态下也能继续游戏。 CSS3则为页面样式提供了更为丰富的选择，包括动画（Animations）、过渡（Transitions）...
此外，HTML5的离线存储API（如localStorage和sessionStorage）可以用于存储用户的临时数据，即使在没有网络连接的情况下也能保持页面的基本功能。还有Web Workers允许后台处理复杂的计算，避免阻塞用户界面，提高...
HTML5引入了离线存储（Offline Storage）、表单控件升级、媒体元素、Canvas绘图、Geolocation定位、WebSocket实时通信等新功能，这些特性极大地提升了网页的交互性和功能丰富性。在微信支付页面中，可能会用到Canvas...
在给定的文件中，`index.html`、`niuren.html`、`vip.html`可能是包含翻页效果的HTML页面，每个页面可能代表不同的内容章节。`favicon.ico`是网站的图标，通常在浏览器标签页上显示。`css`目录包含了样式表文件，...
HTML5是超文本标记语言的第五个版本，它引入了许多新特性，如离线存储、拖放功能、媒体元素、 canvas 绘图、svg矢量图、geolocation 定位、web workers和web sockets等。这些特性使得HTML5可以构建更加动态、功能...
此外，HTML5支持本地存储（localStorage 和 sessionStorage），这允许网站在用户浏览器上存储数据，即使在页面刷新或关闭后也能恢复信息。 压缩包中的两个文件可能分别是两种不同的网站维护页面模板。它们可能包括...
在本项目中，“html5仿京东项目页面实战”是一个旨在教授如何使用HTML5技术来构建类似于京东电商网站的页面的实践教程。这个实战项目聚焦于前端开发，特别是HTML5的特性，以及如何将这些特性应用到实际的网页设计中...
HTML5滑动页面切换Tab是现代网页设计中常见的一种交互方式，它允许用户通过滑动手势或点击Tab来浏览不同的内容区域。这种功能在移动设备上尤其流行，因为触摸屏的交互方式更适合滑动操作。以下是对这个主题的详细...
综上所述，一个"简单的HTML5页面"虽然看起来简洁，但背后涉及了HTML5的基本结构、语义化元素、多媒体支持、数据存储和前端技术的结合等多个知识点。理解和掌握这些，对于任何希望从事Web开发的人来说都是至关重要的...
模板可能还利用了HTML5的新特性，如本地存储（localStorage）或会话存储（sessionStorage），用于在用户关闭浏览器后仍能保留登录状态。这通过JavaScript API实现，增强了用户体验。 另外，考虑到“h5登录模板”的...
HTML5手机页面源码样例是一组专门为移动设备设计的网页源代码，旨在提供一个兼容Android和iOS浏览器的跨平台解决方案。这些源码利用了HTML5的最新特性，结合CSS和JavaScript技术，来优化用户体验，确保在不同操作...
首先，我们要理解HTML5的核心特性之一是离线存储能力，通过`Application Cache`或`Service Worker`，可以预先加载和缓存页面资源，使得即使在离线状态下也能快速访问页面，模拟原生应用的体验。 其次，CSS3的过渡...
3. **Web Storage**：HTML5提供了两种存储方式——Local Storage和Session Storage，用于在用户浏览器中持久化数据，这对于报表统计页面的性能优化至关重要，可以存储用户的数据，实现页面刷新后图表数据不丢失。...
HTML5是现代网页开发的标准，它引入了许多新特性，如语义化标签（例如、、和）、离线存储（Application Cache）、拖放功能、媒体元素（和）以及canvas和svg等图形绘制工具。在这个登录注册页面中，HTML5可能用到了...
总结来说，“HTML5精美页面”可能是一个综合运用HTML5新特性，包括结构性元素、离线存储、动画、多媒体处理、增强型表单以及CSS3的实例。这个页面展示了HTML5如何通过技术创新提升网页的视觉吸引力和功能性，为用户...
HTML5作为最新的超文本标记语言版本，引入了许多新特性，如离线存储、媒体元素、 canvas 画布、svg矢量图、geolocation 定位、web workers和web sockets等，这些都为开发高性能的管理员页面提供了可能。 首先，...
HTML5是超文本标记语言的最新版本，它在原有的HTML4基础上进行了很多改进和增强，包括更好的语义化标签、媒体元素、离线存储、拖放功能等。在这个静态购物车页面中，HTML5的语义化标签如、、、、可能被用来组织页面...
HTML5页面展示模板是一种利用HTML5技术构建的网页设计模板，旨在提供一种高效、美观且功能丰富的网页展示方式。HTML5作为最新的超文本标记语言标准，具有诸多优势，包括更好的语义化、增强的离线存储能力、多媒体...
除了`canvas`，HTML5还包括其他重要的特性，如离线存储（localStorage和sessionStorage）、音频/视频元素（和）、表单控件增强（input类型）、Web Workers和Web Sockets等。这些特性共同推动了网页应用程序的现代化...