html5本地存儲-遍歷以及清空數據

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
  //新建對象
  localStorage.name="學習html5新技術-本地存儲:";
  document.write(localStorage.name);
  //訪問網站計數
  if(localStorage.count)
  localStorage.count=Number(localStorage.count)+1;
  else
  localStorage.count=1;
  document.write("您訪問此網站的次數爲"+localStorage.count+"<br />");
  //獲取並顯示數據,遍歷數據
  var array=new Array();
  for(var i=0,len=localStorage.length;i<len;i++){
  //key爲保存數據時的鍵名項
  var key=localStorage.key(i);
  //value爲鍵名項所對應的值
  var value=localStorage.getItem(key);
  array=value.split(",");
  }
  document.write(localStorage.length+"<br />");
  for(var i=0;i<localStorage.length;i++){
  document.write(array[i]+"<br />");
  }
  //保存數據
  console.log(key+"="+value);
//   localStorage.clear();//清空localStorage數據
</script>
</body>
</html>
發佈了70 篇原創文章 · 獲贊 0 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章