htm5笔记-web存储

本是古典何须时尚 2022-08-09 15:36 163阅读 0赞

## Web 存储 ##

HTML5 提供了两种在客户端存储数据的新方法：  
localStorage - 没有时间限制的数据存储  
sessionStorage - 针对一个 session 的数据存储

### localStorage 方法 ###

用户访问页面的次数进行计数

<script type="text/javascript"> if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount) +1; } else { localStorage.pagecount=1; } document.write("Visits "+ localStorage.pagecount + " time(s)."); </script>

### sessionStorage 方法 ###

sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

<script type="text/javascript"> if (sessionStorage.pagecount) { sessionStorage.pagecount=Number(sessionStorage.pagecount) +1; } else { sessionStorage.pagecount=1; } document.write("Visits "+sessionStorage.pagecount+" time(s) this session."); </script>

### 应用程序缓存 ###

应用程序缓存为应用带来三个优势：

1.  离线浏览 - 用户可在应用离线时使用它们
2.  速度 - 已缓存资源加载得更快
3.  减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

如需启用应用程序缓存，请在文档的 标签中包含 manifest 属性

<!DOCTYPE HTML>
    <html manifest="demo.appcache">
    ...
    </html>

manifest 文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。  
manifest 文件可分为三个部分：  
1. CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存  
2. NETWORK - 在此标题下列出的文件需要与服务器的连接，且不会被缓存  
3. FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面（比如 404 页面）

发表评论取消回复

表情：

评论列表（有 0 条评论，163人围观）

还没有评论，来说两句吧...

相关阅读

相关 html5 web 存储/存取

html5 web 存储/存取 <!DOCTYPE html> <html> <head> <meta http-eq

￡神魔★判官ぃ/ 2024年03月27日 00:15/ 0 赞/ 66 阅读

相关 H5 web存储

什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。客户端存储数据的两个对象： localStorage 和 sessionStora

柔光的暖阳◎/ 2023年05月31日 03:12/ 0 赞/ 4 阅读

相关 Htm5技巧集锦

Htm5技巧集锦 1、在实际项目中，有时候需要在一块内容中引入另一个页面的html，比如有Page\_1.html和Page\_2.html，如何在Page\_1.

你的名字/ 2022年10月29日 15:28/ 0 赞/ 191 阅读

相关 HTML5 Web存储

HTML5 web存储是一个比cookie更好的本地存储方式。使用HTML5可以在本地存储用户的浏览数据。之前的本地存储使用的是cookies，但是web存储更加安全快速

浅浅的花香味﹌/ 2022年09月21日 01:42/ 0 赞/ 127 阅读

相关 htm5笔记-web存储

Web 存储 HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个

本是古典何须时尚/ 2022年08月09日 15:36/ 0 赞/ 164 阅读

相关 HTML5 Web存储 sessionStorage localStorage

sessionStorage :浏览器关闭会清除 localStorage：长时间保存 api一致：代码： <!DOCTYPE html> <h

曾经终败给现在/ 2022年07月19日 06:36/ 0 赞/ 244 阅读

相关本地数据库 - Web SQL Database HTM5

本地数据库 - Web SQL Database <!DOCTYPE html> <head> <meta charset="UTF-8" /

ゝ一世哀愁。/ 2022年06月12日 07:09/ 0 赞/ 157 阅读

相关 HTML5 Web存储

HTML5 Web存储在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cooki

素颜马尾好姑娘i/ 2022年06月04日 03:35/ 0 赞/ 184 阅读

相关 HTML5 Web 存储

客户端存储数据的两个对象为： \- localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。 \- sessionStorage

向右看齐/ 2022年05月19日 08:08/ 0 赞/ 181 阅读

相关 HTML5的Web存储应用

一介绍 HTML5 web存储,一个比cookie更好的本地存储方式。 1、什么是HTML5 Web存储使用HTML5可以在本地存储用户的浏览数据。早些时候,本地

布满荆棘的人生/ 2022年05月12日 00:46/ 0 赞/ 150 阅读