HTML5 本地存储 LocalStorage详解

  document.write(storage.key(i)+" : "+ storage.getItem(storage.key(i)) +"<br>");  

 }  

}  

</script>  

</body>  

测试发现，目前浏览器对这个支持不太好，仅iPad和Firefox支持，而且Firefox支持得乱糟糟，e对象根本没有那些属性。iPad支持非常好，用的是e.uri（不是e.url），台式机上的Safari不行，诡异。

目前浏览器都带有很好的开发者调试功能，下面分别是Chrome和Firefox的调试工具查看LocalStorage：

另外，目前javascript使用非常多的json格式，如果希望存储在本地，可以直接调用JSON.stringify()将其转为字符串。读取出来后调用JSON.parse()将字符串转为json格式，如下所示：

JavaScript Code复制内容到剪贴板

var details = {author:"isaac","description":"fresheggs","rating":100};  

 storage.setItem("details",JSON.stringify(details));  

 details = JSON.parse(storage.getItem("details"));  

JSON对象在支持localStorage的浏览器上基本都支持，需要注意的是IE8，它支持JSON，但如果添加了如下的兼容模式代码，切到IE7模 式就不行了（此时依然支持localStorage，虽然显示window.localStorage是[object]，而不是之前的[object Storage]，但测试发现getItem()、setItem()等均能使用）。

JavaScript Code复制内容到剪贴板

<meta content="IE=7" http-equiv="X-UA-Compatible"/>  

以上就是小编为大家带来的HTML5 本地存储 LocalStorage详解全部内容了，希望大家多多支持脚本之家~

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!