首页 > 网站 > WEB开发 > 正文

html5(四)API存储/定位/拖放/缓存/we b workers /sse

2024-04-27 15:04:23
字体:
来源:转载
供稿:网友

什么是 HTML 本地存储?

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

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

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

HTML 本地存储对象

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

window.localStorage - 存储没有截止日期的数据window.sessionStorage - 针对一个 session 来存储数据(当关闭浏览器标签页时数据会丢失)

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

localStorage 对象

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

创建 localStorage 名称/值对,其中:name="lastname",value="Gates"取回 "lastname" 的值,并把它插到 id="result" 的元素中

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

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

sessionStorage 对象

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

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

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

<html manifest="demo.appcache">

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

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

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表