在本地存储localStorage和sessionStorage使用API HTML5是相同的。不同的是，sessionStorage清空关闭页面后，和localStorage将继续。我们需要存储为例，介绍了HTML5的本地存储，接下来说明了一些常见问题的例子，如traversal.localstorage是本地存储API HTML5，它使用一个键-值对的访问数据，这是访问的数据只能是一个字符串。不同的浏览器支持不同的API，如使用方法、最大存储空间，等等。
一、本地存储API的基本使用方法
对本地存储API的使用简单易懂，如下：常用的API操作实例：设置数据：localstorage.setitem（键，值）；例：
复制代码代码如下所示：
对于（var i = 0；i < 10；i + +）{
localstorage.setitem（I，I）；
}
得到的数据：localstorage.getitem（关键）获取的所有数据localstorage.valueof（）的例子：
复制代码代码如下：（var i = 0；i < 10；i + +）{
localstorage.getitem（我）；
}
删除数据：localstorage.removeitem（关键）的例子：
复制代码代码如下：（var i = 0；i < 5；i + +）{
localstorage.removeitem（我）；
}
清除所有数据：localstorage.clear（）获取本地存储数据的数量：localstorage.length得到N个数据的关键核心价值：localstorage.key（N）。
2。键值法遍历
复制代码代码如下所示：
对于（var i = localstorage.length - 1；我> = 0；我--）{
console.log（+（I + 1）的数据的关键：+ localstorage.key +（我），数据：+ localstorage.getitem（localstorage.key（我）））；
}
三.存储大小限制测试和异常处理
3.1数据存储大小限制测试
HTML5的本地存储大小受到不同浏览器的限制，一个测试的结果如下：
复制代码如下：IE > 9 > 4999995 + 5 = 5000000
火狐浏览器22 > 5242875 + 5 = 5242880
铬28 > 2621435 + 5 = 2621440
Safari 5.1 > 2621435 + 5 = 2621440
Opera 12.15 > 500米（在弹出对话框之外，允许更多的空间）
测试代码引用：
复制代码代码如下所示：
函数日志（MSG）{
console.log（MSG）；
警报（MSG）；
}
VaR限制；
无功半= 1； / /这里将取代中国跑一次又一次
var；
VaR SSTR；
当（1）{
{试
localstorage.clear（）；
一半；
localstorage.setitem（'cache，STR）；
半= STR；
} catch（前）{
打破；
}
}
VAR方法= str.length；
var =基础 2；
VaR是= 1；
在（off）{
如果（是）{
结束=基（off 2）；
{ { { }
结束=基+（关闭 / 2）；
}
SSTR = str.slice（0，末）；
localstorage.clear（）；
{试
localstorage.setitem（'cache，SSTR）；
sstr.length极限=；
是= 0；
} catch（e）{
是= 1；
}
基=结束；
断= math.floor（关/ 2）；
}
日志（'limit：+限制）；
3.2数据存储异常处理
复制代码代码如下所示：
尝试{
localstorage.setitem（键，值）；
} catch（oexception）{
如果（oexception.name = = 'quotaexceedederror）{
console.log（'beyond本地存储限制！）；
如果历史信息不重要，可以在空后设置。
localstorage.clear（）；
localstorage.setitem（键，值）；
}
}
