html5本地存储应用实例,刷新后选项卡停留在点开页面

<style>

ul,li{list-style: none;}

#nav{height:42px; border:1px solid #d3d3d3; background:#f7f7f7;border-radius:2px;box-shadow:1px 1px 2px rgba(0,0,0,.2);}

#nav li{float:left; height:42px; line-height:42px; padding:0 10px;

border-right:1px solid #d3d3d3; font-size:14px; font-weight:bold}

#nav li.cur{background:#f1f1f1; border-top:1px solid #f60; box-shadow:none}

#nav li a{text-decoration:none; display:block}

#nav li.cur a{color:#333}

#nav li a:hover{color:#f30}

#page{margin:20px auto}

.list{display:none}

</style>

<div ,index); //将TAB选中状态存储到本地

});

});

}else{//如果浏览器不支持localStorage

alert('您的浏览器不支持localStorage.');

}

</script>