Home/ Questions/Q 8795659
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T23:26:12+00:00

I’m trying to learn how to use the localStorage js object with the following

  • 0

I’m trying to learn how to use the localStorage js object with the following code.

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function saveStuff() {
    sessionStorage.setItem('sessionKey', 'sessionValue');
    localStorage.setItem('localKey', 'localValue');
}
</script>
</head>
<body>
<button type="button" onclick="saveStuff()">Save</button>
</body>
</html>

I am aware this doesn’t always work with file:/// so I’m using mongoose to serve it up. When I click the save button, the results look correct to me in Chrome’s JavaScript console. However when I press refresh both the local and the session storage get cleared where I was expecting the local storage value to persist. This happens on both http://127.0.0.1/ and http://localhost/.

Does anyone know why this might be happening? In Settings, Content Settings I have selected ‘Allow local data to be set (recommended)’ and unticked ‘Block third-party cookies and site data’. Am I missing something in my code?

(Chrome Version 23.0.1271.64 m)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Ok. Thanks must go to pimvdb on this one but here’s the solution.

    <!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function saveStuff() {
    sessionStorage.setItem('sessionKey', 'sessionValue');
    localStorage.setItem('localKey', 'localValue');
}
localStorage.getItem('localKey');
sessionStorage.getItem('sessionKey');
</script>
</head>
<body>
<button type="button" onclick="saveStuff()">Save</button>
</body>
</html>

    Summary seems to be that that you must attempt a read of the key in order to persist it.

    Conclusion: WTF.

    • 0