[JQ教程]JQ html5 localstorage 存储数组和读取数组 实例

<p id="a"></p>

<p id="b"></p>

<p id="c">点击</p>

 

<li id="save0">保存</li>

<li id="save1">读取</li>

<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>

var weekArray = ['周一','周二','周三','周四','周五']

$("#a").html(weekArray);

$("#c").click(function(){

weekArray[0]=1;

$("#a").html(weekArray); 

 });

 

 $("#save0").click(function(){

 

 window.localStorage.setItem('weekDay',JSON.stringify(weekArray));  alert("保存成功");

});

 

$("#save1").click(function(){

 

weekArray = JSON.parse(window.localStorage.getItem('weekDay'));  alert("读取成功");

 

$("#a").html(weekArray);

});

以上必须依次加入代码，不然会执行不成功，主要原理是  本来数组显示 中文 周一至周五

点击  页面上面的 点击  改变数组  文字

 再点击  保存  来保存数组 

然后刷新页面，再点击读取数据 就会显示保存后的数组
更多JQ教程在 ys720.com