Storage key() 方法示例-實(shí)例在線編輯器(cainiaoplus.com)

<!DOCTYPE html>
<html>
<title>Storage key() 方法示例 - 基礎(chǔ)教程(cainiaoplus.com)</title>

<body>

<p>以下函數(shù)遍歷本地存儲(chǔ)鍵并獲取為每個(gè)鍵設(shè)置的值:</p>

<h3>缺少localStorage項(xiàng)嗎？</h3>

<p>由于您的本地存儲(chǔ)中可能沒(méi)有任何項(xiàng)目，因此我們添加了一個(gè)腳本，可以為您創(chuàng)建一些項(xiàng)目。</p>

<button onclick="createItems()">創(chuàng)建本地存儲(chǔ)項(xiàng)目</button>

<h3>顯示項(xiàng)目</h3>

<p>單擊按鈕以顯示所有項(xiàng)目:</p>

<button onclick="displayItems()">顯示項(xiàng)目</button>

<h3>清除項(xiàng)目</h3>

<p>單擊按鈕以清除所有項(xiàng)目:</p>

<button onclick="clearItems()">清除項(xiàng)目</button>

function displayItems() {
  var items = "";

for(var i = 0; i < localStorage.length; i++) {
     items += localStorage.key(i) + ": ";
     items += localStorage.getItem(localStorage.key(i)) + "<br>";
  }
  document.getElementById("output").innerHTML = items;
}

function clearItems() {
  localStorage.clear();
  displayItems();
}
</script>

</body>
</html>

亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线