H5 本地緩存的實現(xiàn)

在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');
}
}

}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容