HTML5的数据缓存

《HTML5的数据缓存》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、HTML5的数据缓存在客户端存储数据HTML5提供了两种在客户端存储数据的新方法：·localStorage-没有时间限制的数据存储·sessionStorage-针对一个session的数据存储之前，这些都是由cookie完成的。但是cookie不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得cookie速度很慢而且效率也不高。在HTML5中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站，数据存储于不同的区域，并

2、且一个网站只能访问其自身的数据。HTML5使用JavaScript来存储和访问数据。localStorage方法localStorage方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。如何创建和访问localStorage：实例localStorage.lastname="Smith";document.write(localStorage.lastname);亲自试一试下面的例子对用户访问页面的次数进行计数

3、：实例if(localStorage.pagecount){localStorage.pagecount=Number(localStorage.pagecount)+1;}else{localStorage.pagecount=1;}document.write("Visits"+localStorage.pagecount+"time(s).");亲自试一试sessionStorage方法sessionStorage方法针对一

4、个session进行数据存储。当用户关闭浏览器窗口后，数据会被删除。如何创建并访问一个sessionStorage：实例sessionStorage.lastname="Smith";document.write(sessionStorage.lastname);亲自试一试下面的例子对用户在当前session中访问页面的次数进行计数：实例if(sessionStorage

5、.pagecount){sessionStorage.pagecount=Number(sessionStorage.pagecount)+1;}else{sessionStorage.pagecount=1;}document.write("Visits"+sessionStorage.pagecount+"time(s)thissession.");亲自试一试什么是应用程序缓存（ApplicationCache）？HTML5引入了应用程序缓存，这意味着web应用可进行缓存，并可在没有因

6、特网连接时进行访问。应用程序缓存为应用带来三个优势：·离线浏览-用户可在应用离线时使用它们·速度-已缓存资源加载得更快·减少服务器负载-浏览器将只从服务器下载更新过或更改过的资源。浏览器支持所有主流浏览器均支持应用程序缓存，除了InternetExplorer。HTML5CacheManifest实例下面的例子展示了带有cachemanifest的HTML文档（供离线浏览）：实例Thecontentofthe

7、document......亲自试一试CacheManifest基础如需启用应用程序缓存，请在文档的标签中包含manifest属性：...每个指定了manifest的页面在用户对其访问时都会被缓存。如果未指定manifest属性，则页面不会被缓存（除非在manifest文件中直接指定了该页面）。manifest文件的建议的文件扩展名是：".appcache"。请注意，

8、manifest文件需要配置正确的MIME-type，即"text/cache-manifest"。必须在web服务器上进行配置。Manifest文件manifest文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。manifest文件可分为三个部分：·CACHEMANIFEST -在此标题下列出的文件将在首次下载后进行缓存·NETWORK -在此标题下列出的文件需要与服务器的连接，且不会被缓存