html5提供了两个与本地存储相关的技术,html5提供的客户端存储数据的方法

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: