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

【Html5每日练习】本地存储localStorage

2012-04-14 20:50 639 查看

上一篇博文中讲到了sessionStorage，今天来练习一下localStorage，其实localStorage很简单，只要将对象改一下就行，看代码

<!DOCTYPE html>
<html lang="en-US">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<input type="text" class="text" id="text" />
<input type="button" value="保存数据" onclick="setData();" />
<input type="button" value="获取数据" onclick="getData();" />

<script>
var dataArr = [];
var ele = document.getElementsByClassName("text")[0];  //利用类选择器获得元素
function setData()
{
var data = ele.value;
dataArr.push(data);
if("" == data)
alert("输入信息不能为空");
else
{
localStorage.setItem("boia",dataArr);
alert("信息已保存到date字段中");
}
}

function getData()
{
var data = localStorage.getItem("boia");
if("" == data || null == data)
alert("无数据");
else
alert("保存的数据是:"+data);
}
</script>
</html>

localStorage和sessionStorage的区别就是数据是永久保存在硬盘里的，所以把浏览器关了的话，数据是不会没了的

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

标签：

相关文章推荐

新的分享

章节导航