欧美日韩一区二区三区四区不卡,日韩欧美视频一区二区三区四区,久久精品欧美一区二区三区不卡,国产精品久久久乱弄

咨詢電話:186 7916 6165 咨詢電話:186 7916 6165 (微信同號(hào))    在線QQ:181796286
NEWS BLOG ·
學(xué)無止境
關(guān)注開優(yōu)網(wǎng)絡(luò) 關(guān)注前沿
JS錯(cuò)誤頁指定時(shí)間跳轉(zhuǎn)
JS 退出系統(tǒng)并跳轉(zhuǎn)到指定頁面

網(wǎng)頁中使用localStorage儲(chǔ)存用戶名等數(shù)據(jù)

發(fā)表日期:2020-06-01    文章編輯:    瀏覽次數(shù):3965    標(biāo)簽:

網(wǎng)頁中儲(chǔ)存緩存方法介紹
localStorage:僅在客戶端存儲(chǔ)不參與服務(wù)器通信,存儲(chǔ)大小一般為5M,如果不是人為清除,那么即使是關(guān)閉瀏覽器也會(huì)一直存在。
sessionStorage:僅在客戶端存儲(chǔ)不參與服務(wù)器通信,存儲(chǔ)大小一般為5M,會(huì)話級(jí)存儲(chǔ),也就是說如果關(guān)閉當(dāng)前頁面或者瀏覽器那么就會(huì)清除
cookie:客戶端存儲(chǔ),參與服務(wù)器通信,存儲(chǔ)大小為4k,可設(shè)置生命周期,在設(shè)置的生命周期內(nèi)有效

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

特點(diǎn):

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

實(shí)例:
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 存在數(shù)據(jù) 就保存 并復(fù)選框?yàn)檫x中
        username.value = localStorage.getItem("username");
        password.value = localStorage.getItem("password");
        chk.checked = true;
    }
    chk.onclick = function () {  //點(diǎn)擊復(fù)選框
        if (chk.checked) {            //選中時(shí)localStorage.setItem 保存數(shù)據(jù)
            localStorage.setItem("username", username.value);
            localStorage.setItem("password", password.value);
        } else {
            localStorage.removeItem("username");  //不選中時(shí)刪除localStorage.removeItem數(shù)據(jù)
            localStorage.removeItem("password");
        }
    }
}

主站蜘蛛池模板: 乌拉特前旗| 曲麻莱县| 伊川县| 宁海县| 丹江口市| 永修县| 商丘市| 广南县| 敦化市| 梓潼县| 江口县| 凤翔县| 正蓝旗| 双柏县| 太康县| 巍山| 武胜县| 金坛市| 兰坪| 永新县| 平谷区| 五指山市| 塔河县| 沙雅县| 兴化市| 贞丰县| 灵台县| 镇康县| 陕西省| 肥城市| 墨玉县| 云林县| 永和县| 建平县| 东台市| 本溪市| 晋州市| 剑河县| 冷水江市| 丹江口市| 张家口市|