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>