html5提供了两个与本地存储相关的技术,html5提供的客户端存储数据的方法
Html5的本地存储是通过浏览器本地存储的数据。
基本使用方法如下:
代码将内容复制到剪贴板,JavaScript script type= text/JavaScript local storage . first name= Tom ;alert(local storage . first name);/script在这种情况下,数据保存在本地,但是本地数据是以什么形式保存的呢?跟踪后发现,在Chrome浏览器中,数据是以sqlite数据库文件的形式存储的。
在windows下,保存在c:\ documents and settings \ User Name \ local settings \ application data \ Google \ chrome \ User data \ default \ local storage path下(其中User Name指当前用户名);
在Mac下保存在/users/用户名/library/application support/Google/chrome/default/local storage路径下(其中用户名指当前用户名)。
虽然后缀是。localstorege,它其实是sqlite的一个数据库文件。你可以用sqlite打开它,看看里面的数据。(可以使用firefox的SQLite Manager插件打开)
安装组件的步骤与安装firebug的步骤类似。选择菜单工具-附件组件,打开附件组件设置页面,搜索 SQLite Manager 关键字,安装 SQLite Manager 插件,重启firefox,可以在工具中看到 SQLite Manager 附加组件,如下图所示:
下图是查看刚刚保存的本地数据文件。
以下是一些常用的本地存储方法:
1.添加本地存储
XML/HTML代码将内容复制到剪贴板localstorage.setitem ("key "," value ");//存储一个名为“key”的值“value”2并获取localStorage
XML/HTML代码将内容复制到剪贴板local storage . getitem(" key ");//获取名为“key”3的值。删除本地存储
XML/HTML代码将内容复制到剪贴板local storage . remove item(" key ");//删除名为“key”4的信息。空本地存储
XML/HTML代码将内容复制到剪贴板local storage . clear();//清除localStorage中的所有信息。5.检查保存的本地存储。
可以在chrome浏览器的控制台工具资源-本地存储中查看。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。