首页 > 代码库 > 16-2 基于localStorage或sessionStorage的计数器
16-2 基于localStorage或sessionStorage的计数器
localStorage 方法
localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> <script type="text/javascript"> /* 数据存储在浏览器内置的数据库里 对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据 在谷歌浏览器中可以F12在开发面包中,找到resources中的localstore删除 */ alert(localStorage.pagecount); if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount) +1; } else { localStorage.pagecount=1; } document.write("访问次数: "+ localStorage.pagecount + " 次"); function clearlocalStorage(){ localStorage.clear(); } </script> </head> <body> <button onclick="clearlocalStorage()">清除所有localStorage</button> </body> </html>
sessionStorage 方法
sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> <script type="text/javascript"> /* sessionStroage是基于会话级的 浏览器窗口关闭就会自动销毁 */ if (sessionStorage.pagecount) { sessionStorage.pagecount=Number(sessionStorage.pagecount) +1; } else { sessionStorage.pagecount=1; } document.write("Visits "+ sessionStorage.pagecount + " time(s)."); </script> </head> <body> </body> </html>
16-2 基于localStorage或sessionStorage的计数器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。