H5 本地缓存的实现

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。
//点击记住密码的同时缓存密码
function rememberPa(){
var userStore ={};
userStore.name = $('#login-id').val();//name
userStore.password = $('#login-pass').val(); // 密码
userStore.rememberMe = remember;
if(!window.localStorage){ //如果不支持用户名缓存
alert("不支持用户缓存！ ");
}else{
if(remember){
localStorage.setItem("userinfo",JSON.stringify(userStore));
show();
}else{
localStorage.removeItem("userinfo");
show();
}
}
}
// 利用缓存填写密码
function show(){
var data = JSON.parse(localStorage.getItem('userinfo'));
if(data == null){
}else{
$('#login-id').val(data.name);
$('#login-pass').val(data.password);
if(data.rememberMe){
$('.mark-left').children().eq(0).removeClass('login-not-remember').addClass('login-remember');
}else{
$('.mark-left').children().eq(0).removeClass('login-remember').addClass('login-not-remember');
}
}

}