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

来源：互联网发布：dojo中js方法跳转页面编辑：程序博客网时间：2024/06/05 20:00

上一篇博文中讲到了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("无数据");elsealert("保存的数据是:"+data);}</script>  </html>

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