JavaScript保存到本地存儲？

所以我很無聊，用JavaScript亂搞，這裏是我當前的代碼：JavaScript保存到本地存儲？

var Money = 0; 
var U1Amount = 0; 

function mButton() 
{ 
    Money += 1; 
    document.getElementById('money').innerHTML=Money + "$"; 
} 
function buyU1() 
{ 
    if(Money < 30) 
     { 
      document.getElementById('updates').innerHTML="You do not have enough money."; 
     } else { 
      Money -= 30; 
      U1Amount += 1; 
      document.getElementById('money').innerHTML=Money + "$"; 
      document.getElementById('updates').innerHTML="You have successfully bought Upgrade 1"; 
      resetUpdates(); 
     } 
} 
var interval = setInterval(gMoneyU1, 1000); 
function gMoneyU1() 
{ 
    var calc = 5 * U1Amount; 
    Money += calc; 
    document.getElementById('money').innerHTML=Money + "$"; 
} 
function resetUpdates() 
{ 
    setTimeout(function(){document.getElementById('updates').innerHTML="";}, 10000); 
} 
</script>

HTML

<body> 
Generated something: <span id='money'>0$</span> 
<br /> 
<span id='updates'></span> 
<br /> 
<button onClick='mButton()'>Generate something.</button> 
<br /> 
<button onClick='buyU1()'>Buy upgrade 1. ($30)</button> 
</body>

我曾嘗試谷歌和發現了一些localStorage.setItem和東西，但我不確定如何使用它。如果有人能解釋它，我會非常感激。 :)

在此先感謝。

來源

2014-01-06 prk

你究竟有什麼不明白的地方？以下是HTML5 WebStorages的鏈接：http://www.w3schools.com/html/html5_webstorage.asp –

Look：http://stackoverflow.com/questions/2010892/storing-objects-in-html5-localstorage –

或者你也可以試試這個庫，它的尺寸是相當強大的：http://brian.io/lawnchair/ – Voltrone

我想你一定已經通過了這個，但我想建議它。有關快速瀏覽，請通過http://www.w3schools.com/html/html5_webstorage.asp，詳細看看http://diveintohtml5.info/storage.html。我認爲它會服務你的目的。這不是很大。

來源

2014-01-06 12:09:27

@Voltrone建議Lawnchair，雖然這是一個很好的庫提供存儲的備用實現（例如，如果你在沒有localStorage的舊的瀏覽器），我會建議你使用lscache代替：https://github.com/pamelafox/lscache

這將使存儲你需要做的更簡單（只需交給一個存儲對象和一個存儲該對象的密鑰），它允許你設置你想存儲的內容持續多久，如果你需要這樣做的話。

來源

2014-01-06 12:21:27

JavaScript保存到本地存儲？

回答

相關問題