HTML Web存储

来源：互联网发布：tensorflow restore 编辑：程序博客网时间：2024/04/27 08:18
<html><head><title>客户端存储</title><meta content="text/html;charset=utf-8"/><style>body{font-family: 楷体;font-size: 15px;}</style></head><body><!--在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。HTML5 使用 JavaScript 来存储和访问数据。--><script type="text/javascript">//localStorage,对用户访问页面的次数进行计数/*如果localStorage中已存在pagecount,则对pagecount进行递增操作*/if (localStorage.pagecount) {localStorage.pagecount=Number(localStorage.pagecount) +1;}else {/*第一次访问,初始化pagecount*/localStorage.pagecount=1;}document.write("1.localStorage存储数据：" + "<br/>");document.write("访问 " + localStorage.pagecount + " 次。" + "<br/>");document.write("Visits " + localStorage.pagecount + " time(s)." + "<br/>");//sessionStorage,对用户在当前session中(一次回话，当用户关闭浏览器窗口后，数据会被删除。)访问页面的次数进行计数if (sessionStorage.pagecount) {sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;}else {sessionStorage.pagecount=1;}document.write("2.sessionStorage存储数据：" + "<br/>");document.write("访问 " + sessionStorage.pagecount + " 次。" + "<br/>");document.write("Visits "+sessionStorage.pagecount+" time(s) this session." + "<br/>");</script></body></html>
阅读全文
0 0