localStorage和sessionStorage對象怎么使用

這篇文章主要講解了“localStorage和sessionStorage對象怎么使用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“localStorage和sessionStorage對象怎么使用”吧！

    localStorage對象存儲的數據沒有時間限制。第二天、第二周或下一年之后，數據依然可用。

    實例

    localStorage.sitename="菜鳥教程";

    document.getElementById("result").innerHTML="網站名："+localStorage.sitename;

    實例解析：

    使用key="sitename"和value="菜鳥教程"創建一個localStorage鍵/值對。

    檢索鍵值為"sitename"的值然后將數據插入id="result"的元素中。

    以上實例也可以這么寫：

    //存儲

    localStorage.sitename="菜鳥教程";

    //查找

    document.getElementById("result").innerHTML=localStorage.sitename;

    移除localStorage中的"sitename":

    localStorage.removeItem("sitename");

    不管是localStorage，還是sessionStorage，可使用的API都相同，常用的有如下幾個（以localStorage為例）：

    保存數據：localStorage.setItem(key,value);

    讀取數據：localStorage.getItem(key);

    刪除單個數據：localStorage.removeItem(key);

    刪除所有數據：localStorage.clear();

    得到某個索引的key：localStorage.key(index);

    提示:鍵/值對通常以字符串存儲，你可以按自己的需要轉換該格式。

    下面的實例展示了用戶點擊按鈕的次數。

    代碼中的字符串值轉換為數字類型:

    實例

if (localStorage.clickcount)

{

    localStorage.clickcount=Number(localStorage.clickcount)+1;

}

else

{

    localStorage.clickcount=1;

}

document.getElementById("result").innerHTML=" 你已經點擊了按鈕 " + localStorage.clickcount + " 次 ";

    sessionStorage對象

    sessionStorage方法針對一個session進行數據存儲。當用戶關閉瀏覽器窗口后，數據會被刪除。

    如何創建并訪問一個sessionStorage：

    實例

if (sessionStorage.clickcount)

{

    sessionStorage.clickcount=Number(sessionStorage.clickcount)+1;

}

else

{

    sessionStorage.clickcount=1;

}

document.getElementById("result").innerHTML="在這個會話中你已經點擊了該按鈕 " + sessionStorage.clickcount + " 次 ";

感謝各位的閱讀，以上就是“localStorage和sessionStorage對象怎么使用”的內容了，經過本文的學習后，相信大家對localStorage和sessionStorage對象怎么使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！