html5（四）API存储／定位／拖放／缓存／we b workers /sse

来源：互联网发布：精易论坛淘宝采集编辑：程序博客网时间：2024/06/11 08:39

什么是 HTML 本地存储？

通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。

在 HTML5 之前，应用程序数据只能存储在 cookie 中，包括每个服务器请求。本地存储则更安全，并且可在不影响网站性能的前提下将大量数据存储于本地。

与 cookie 不同，存储限制要大得多（至少5MB），并且信息不会被传输到服务器

HTML 本地存储提供了两个在客户端存储数据的对象：

在使用本地存储时，请检测 localStorage 和 sessionStorage 的浏览器支持：

localStorage 对象存储的是没有截止日期的数据。当浏览器被关闭时数据不会被删除，在下一天、周或年中，都是可用的

localStorage.setItem("lastname", "Gates");//存储
document.getElementById("result").innerHTML = localStorage.getItem("lastname");／／取回

localStorage.removeItem("lastname");／／删除存储

sessionStorage 对象等同 localStorage 对象，不同之处在于只对一个 session 存储数据。如果用户关闭具体的浏览器标签页，数据也会被删除。

====================缓存=========

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

<html manifest="demo.appcache">

每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性，则页面不会被缓存（除非在 manifest 文件中直接指定了该页面）。

manifest 文件的建议文件扩展名是：".appcache"。

注意：manifest 文件需要设置正确的 MIME-type，即 "text/cache-manifest"。必须在 web 服务器上进行配置

0 0