您的位置：首页 > Web前端 > HTML

HTML 5 本地存储

2015-08-15 21:00 597 查看

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

</head>
<body>
<h3>下面是本地存储的所有数据</h3>
<div id="content">

</div>
</body>
<script type="text/javascript">
//列出所有缓存数据，返回json数据
function listAllData(){
var list = [];
for(var i=0; i<localStorage.length; i++){
var key = localStorage.key(i);
var value = localStorage.getItem(key);

list.push({"k": key, "v": value});
}

return list;
}
console.log(localStorage.getItem('name'));
console.log(listAllData());
function showData(){
var data = listAllData();
var html = "";
for(var i=0; i<data.length; i++){
html += data[i].k + "-" + data[i].v + "<br />";
}
var content = document.querySelector("#content");
content.innerHTML = html;
<!-- console.log(content); -->

}

showData();

</script>
</html>

本地存储的所有数据

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航