HTML DOM Storage getItem()用法及代碼示例

HTML DOM Storage getItem() 方法用於通過傳遞給定的鍵名來獲取存儲對象。它將返回鍵的值，如果沒有具有該給定名稱的鍵，則將返回 NULL。

用法

以下是 Storage getItem() 方法的語法 -

localStorage.getItem(keyname);

sessionStorage.getItem(keyname);

此處，keyname 為字符串類型，表示要獲取的項的名稱。

示例

讓我們看一個 HTML DOM Storage getItem() 方法的例子 -

<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">Storage getItem() method example</h1>
<p>Create a localStorage item with the name CLICKS to count the number of clicks on the create button by clicking the below button</p>
<button onclick="createItem()">CREATE</button>
<p>Get the CLICKS item value by clicking the below button</p>
<button onclick="showItem()">Display</button>
<p id="Sample"></p>
<script>
   var y=1;
   function createItem() {
      document.getElementById("Sample").innerHTML="localStorage Item has been created with name CLICKS";
      localStorage.visits = y;
      y++;
   }
   function showItem() {
      var x = localStorage.getItem("visits");
      document.getElementById("Sample").innerHTML = "The total no. of clicks are:"+x;
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 -

單擊“創建”按鈕 -

單擊 “Display” 按鈕時 -

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM Storage getItem() method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。