html5 存储,html5提供了两个与本地存储相关的技术

　　本地缓存是HTML5的一项新技术，它使得移动web的发展成为可能。众所周知，要构建一个高性能的移动应用，速度是关键。在HTML5之前，只有cookie可以存储数据，大小只有4kb。这严重限制了应用文件的存储，导致web开发的移动应用加载时间长。有了本地存储，web移动应用可以更接近原生。

　　在浏览器中，通过window.localStorage调用本地存储.确定浏览器是否支持本地存储的代码如下：

　　XML/HTML代码将内容复制到剪贴板if(window . local storage){ alert( thibrowsersupportslocalstorage )；} else { alert( thibrowserdoesnotsupportlocalstorage )；}如果我们想在本地存储数据，最简单的方法是对于window。LocalStorage添加一个属性并为其赋值。例如，如果我们想存储一个值为Tom的数据名，可以按如下方式实现：

　　XML/HTML代码将内容复制到剪贴板window.localStorage.name="Tom "。注意这里字符串变量需要引号。当我们想从本地存储中检索市场数据时，我们可以使用getItem方法。整个代码流程如下：

　　代码将内容复制到剪贴板var storage=window . local storage；storage.name=" Tom//取出名称数据varname 1=storage . getitem(" name ")；警报(名称1)；这段代码在Chrome浏览器控制台的显示结果是一个提示框，显示Tom。可以看出，我们用这种方法正确地存储和读取了数据。

　　如果我们想删除这些存储的数据，我们可以使用removeItem方法。将以下代码添加到上面的代码中：

　　代码将内容复制到剪贴板storage . remove item(" name ")；这时，当我们再次报警时，会显示null，因为这个数据已经被清除了。

　　在了解了一些本地存储的基本用法和思路后，我们来系统的介绍一下本地存储。

　　本地存储分为三类：localStorage/sessionStorage/本地数据库

　　localStorage和sessionStorage的用法、功能和调用方法都是一样的，只是意义不同而已。其中，localStorage存储的数据长期有效，而sessionStorage存储的信息在每次会话关闭时都会被销毁(通俗地说就是页面关闭后数据会自动销毁)。

　　由于各自的特点不同，其应用场景也大相径庭。通常，当我们需要存储一些用户配置项和其他需要长期存储的数据信息时，需要使用localStorgae来保存，这就利用了它的长期特性。相应地，当我们需要实现基于会话的功能如购物车时，我们需要使用sessionStorage。

　　由于localStorage和sessionStorage的用法相同，我们将以localStorage为例介绍它们的方法。

　　1、设置数据setItem

　　用法为localstorage.setitem ("key "，" value ")，表示将value值传递给key。(sessionStorage.setItem使用方法相同，下面不再一一介绍)

　　2、获取数据getItem

　　用法是localStorage.getItem("key ")，输入相应的键值就可以得到相应的值。

　　3、删除特定的数据removeItem

　　用法为localStorage.removeItem(key)，删除key对应的数据。

　　4、清空所有数据clear

　　用法是localStorage.clear()，表示清除存储系统中的所有数据。

　　这些是sessionStorage/localStorage的一些最基本的用法。希望对大家学习有帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。