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