在HTML5中,新加入了一個localStorage特性,這個特性主要是用來作為本地存儲來使用的,解決了cookie存儲空間不足的問題(cookie中每條cookie的存儲空間為4k),localStorage中一般瀏覽器支持的是5M大小,這個在不同的瀏覽器中l(wèi)ocalStorage會有所不同。
//點擊記住密碼的同時緩存密碼
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');
}
}
}