使用HTML5本地存儲

保存多個值，我有利用本地存儲來保存按鈕被點擊的次數進行量頁：使用HTML5本地存儲

function clickCounter() { 
    if(typeof(Storage) !== "undefined") { 
     if (localStorage.clickcount) { 
      localStorage.clickcount = Number(localStorage.clickcount)+1; 
     } else { 
      localStorage.clickcount = 1; 
     } 
     document.getElementById("result").innerHTML = "" + localStorage.clickcount + "."; 
    } else { 
     document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage..."; 
    } 
}

我現在想添加3個按鈕和要存儲的值爲每個這些分開。要顯示它，我知道我會參考適當的ID，但我不知道如何存儲這些值。我想我會有3個進一步的函數來執行這個操作，並且需要爲每個值創建一個變量？我在正確的道路上嗎？

來源

2016-02-26 TJ15

總之，你可以做以下的物品存放在localStorage：

localStorage.firstButtonCount += 1; 

localStorage.secondButtonCount +=1;

的問題的關鍵是，localStorage就像一個JavaScript對象。所以，這意味着您應該記住，如果使用.點符號來執行此操作，則無法對來自變量並在運行時確定的鍵執行此操作。對於這種情況，請使用方括號表示法[]。

var my = 'firstButtonCount'; 
var second = 'secondButtonCount'; 

if(something > 10){ 
localStorage[my] += 1; // Determined dynamically 
} else{ 
localStorage[second] += 1; 
}

來源

2016-02-26 15:51:22

您可以繼續使用點符號將新項添加到localStorage對象。 localStorage.keyName = value是完全可以接受的。要查看它看起來像打開瀏覽器開發工具並在控制檯中輸入localStorage。你會看到它基本上只是一個對象。

來源

2016-02-26 15:37:47

使用HTML5本地存儲

回答

相關問題