html本地载入缓存文件,Html本地存储/缓存

html存储/缓存可以存放在html服务器和客户端，其作用体现在减少网络带宽消耗、降低服务器压力和减少网络延迟，加快页面打开速度，存放某些键值对或者唯一辨识码等方面。

目前常用的缓存/本地存储有 localstorage、sessionstorage、cookie和manifest 技术

1.cookies

Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。Cookie 的作用就是用于解决 “如何记录客户端的用户信息”:

大小限制：4k  用于存储小数据

使用方法有：

var x = document.cookie; 获取所有cookie

document.cookie="keyName=keyValue"; 创建和修改 cookie

document.cookie = "keyName=; expires=Thu, 01 Jan 1970 00:00:00 GMT";  设置 expires 参数为以前的

时间，使Cookie过期自动删除

2.sessionstorage

SessionStorage用于本地存储一个会话中的数据，这些数据只有在同一个会话中的页面才能访问并且会话结束，窗口关闭后，数据就会消失。是一种会话级别的存储。

大小限制：每个域名5M 用于存储浏览器关闭就会消失的数据

使用方法有：

sessionStorage.setItem("keyName", "keyValue"); 存储

sessionStorage.getItem(&#