在javascript中重新加载后保存变量值

Question

I would like the var value to have the same value after refreshing, eg if the button is pressed 5 times, then the user refreshes, the paragraph 'print' will show 6 instead of 1, which it is set to do currently.

Here is my code:

var value = 1;
$(document).ready(function() {
    $('#print').text(value);
});

$('#add1Button').click(function() {
    value = value + 1;
    $('#print').text(value);
});

Answer 1

If I understand you correctly, you need to have same value even after user refreshes the page? If that is correct, then you can:

1. Write that value to cookie
2. Use local storage
3. Store the value on server and retrieve it when page is loaded.
4. (Suggested by PHPglue, thanks): you can use Hash or get value in the url

First option is simplest and supported by all browsers. Local storage is HTML5 feature and you should check which browsers support it. Third option is most complex.