咨詢電話:186 7916 6165 咨詢電話:186 7916 6165 (微信同號)    在線QQ:181796286
NEWS BLOG ·
學無止境
關注開優網絡 關注前沿
JS錯誤頁指定時間跳轉
JS 退出系統并跳轉到指定頁面

網頁中使用localStorage儲存用戶名等數據

發表日期:2020-06-01    文章編輯:    瀏覽次數:675    標簽:

網頁中儲存緩存方法介紹
localStorage:僅在客戶端存儲不參與服務器通信,存儲大小一般為5M,如果不是人為清除,那么即使是關閉瀏覽器也會一直存在。
sessionStorage:僅在客戶端存儲不參與服務器通信,存儲大小一般為5M,會話級存儲,也就是說如果關閉當前頁面或者瀏覽器那么就會清除
cookie:客戶端存儲,參與服務器通信,存儲大小為4k,可設置生命周期,在設置的生命周期內有效

寫法:
localStorage.setItem("temp",arr) //存儲
localStorage.getItem("temp") //讀取
localStorage.removeItem("arr"); //刪除
localStorage.clear(); //清空
注意:存入的數據只能以字符串形式存入
提供轉JOSN數據方法:
obj = JSON.stringify(obj); //JSON對象轉JSON字符串
obj=JSON.parse(localStorage.getItem("temp2")); //JSON字符串轉JSON對象
-----------------------------------------------------------------------------
sessionStorage.setItem("temp", arr);   // 存儲
sessionStorage.getItem("temp");   //讀取
跟localStorage寫法一樣

特點:

1.不同瀏覽器無法共享localStorage,
2.相同瀏覽器的不同頁面間可以共享相同的 localStorage但是前提必須是在同一域名和端口下。如果一個標簽頁包含多個iframe標簽且他們屬于同源頁面,那么他們之間是可以共享sessionStorage的。
3.在谷歌無痕模式下,localStorage、cookie是讀取不到的,但是你可以新增數據然后讀取,但是關閉頁面后再打開還是會清空。

實例:
window.onload = function () {  //頁面打開后
    var username = document.getElementById("txtUserName");  //獲取 用戶名
    var password = document.getElementById("txtPassword");  //獲取密碼
    var chk = document.getElementById("chkRemember");  //獲取 記住登錄
    if (localStorage.getItem("username") && localStorage.getItem("password")) {   //頁面localStorage.getItem 存在數據 就保存 并復選框為選中
        username.value = localStorage.getItem("username");
        password.value = localStorage.getItem("password");
        chk.checked = true;
    }
    chk.onclick = function () {  //點擊復選框
        if (chk.checked) {            //選中時localStorage.setItem 保存數據
            localStorage.setItem("username", username.value);
            localStorage.setItem("password", password.value);
        } else {
            localStorage.removeItem("username");  //不選中時刪除localStorage.removeItem數據
            localStorage.removeItem("password");
        }
    }
}

(-^O^-)MG搞笑斑马_破解版下载 云南快乐十分奖金表 七星彩购买网站 燕赵排列七开奖结果 香港2020开奖结果+开奖记录 乐乐安徽麻将安卓官网 美女麻将图片 手机重庆时时开奖视频 精准一头一尾中特l 安徽麻将怎么算点数 爵士vs公牛 福建十一选五中奖助手 为什么赌场21不让数牌 山东十一选五走势图表一定牛 哈尔滨麻将最新手机版 手机捕鱼的名片设计 贵州11选5遗漏