2016-05-01 17 views
1

Ich arbeite an einem Projekt mit einer globalen "Bank" von Punkten.Wie speichere ich eine Javascript-Variable?

Ich habe versucht, snippits dieses Codes dafür zu verwenden, aber ich kann die Variable nicht nach dem Aktualisieren speichern.

<!DOCTYPE HTML> 
<html> 
<head> 
    <title>Javascript variable testing</title> 
</head> 

<body> 
    <script type="text/javascript"> 
    var clicks = 500000; 

    function onClick() { 
     clicks += 1; 
     document.getElementById("clicks").innerHTML = clicks; 

    }; 

    </script> 
    <button type="button" onClick="onClick()">Click this bit</button> 
    <p>Clicks: <a id="clicks">500000</a></p> 

</body> 
</html> 
+3

local [ 'myKey'] = 'myValue' werden nach dem Neuladen persistieren. –

+0

Wie @StepanYakovenko kommentierte, verwenden Sie [localStorage] (https://developer.mozilla.org/en/docs/Web/API/Window/localStorage) –

Antwort

1

Setzen Sie Ihre Daten auf localStorage. Hier ist Dokumentation https://developer.mozilla.org/en/docs/Web/API/Window/localStorage

Das kann Werte nach der Seitenaktualisierung erhalten.

Set Sie Wert mit: localStorage.setItem('key', 'value');

Holen Sie aus dem lokalen Speicher Wert nach Seite aktualisiert: localStorage.getItem('key');

Ansonsten können Sie sessionStorage verwenden, Web SQL & cookies.

Beispiel:

var clicks = 500000; 
 

 
localStorage.setItem('clicks', clicks); // set you value to localStorage 
 

 
function onClick() { 
 
    clicks += 1; 
 
    localStorage.setItem('clicks', clicks); // update you value 
 
    document.getElementById("clicks").innerHTML = clicks; 
 

 
} 
 

 
window.onload = function() { 
 
    clicks = localStorage.getItem('clicks'); // get your value from localStorage 
 
};
<!DOCTYPE HTML> 
 
<html> 
 

 
<head> 
 
    <title>Javascript variable testing</title> 
 
</head> 
 

 
<body> 
 
    <button type="button" onclick="onClick()">Click this bit</button> 
 
    <p>Clicks: <a id="clicks">500000</a> 
 
    </p> 
 

 
</body> 
 

 
</html>

+0

Können Sie mir bitte sagen, wo im Code ich das einfügen sollte? – Billybobof

+0

@Billybobof Fügen Sie es in Ihre externe Javascript-Datei oder inline 'script'-Tag ein. Bitte lesen Sie die von mir bereitgestellte API-Dokumentation. Nachdem du eine Idee bekommen hast. – DININDU

+0

Das hat nicht wirklich geholfen. Bitte kopieren Sie einfach den Code in meine Frage und fügen Sie ihn dort hinzu, wo er hingehen soll. – Billybobof

Verwandte Themen