using "localStorage.setItem" Internet explorer

Question

I want to use localStorage.setItem in internet Explorer 11,

I tried like:

<script>
  localStorage.setItem("lastname", "Smith");
</script>

but in IE console I see:

SCRIPT5007: Unable to get property 'setItem' of undefined or null reference.

I also tried the given answer like:

<script>
!localStorage && (l = location, p = l.pathname.replace(/(^..)(:)/, "$1$$"), (l.href = l.protocol + "//127.0.0.1" + p));

if (typeof(Storage) != "undefined") {
    // Store
    localStorage.setItem("lastname", "Smith");
    // Retrieve
    alert(localStorage.getItem("lastname"));
} else {
    alert("Sorry, your browser does not support Web Storage...");
}
</script>

but then I get:

This page works in IE11 http://dev-test.nemikor.com/web-storage/support-test/ — mplungjan, Mar 05 '20 at 09:54
@mplungjan Great links but still doesn't work, I tried `window.webstorage.setItem('key', 'value');` then I get `Unable to get property 'setItem' of undefined or null reference` — spez, Mar 05 '20 at 10:05

score 3 · Accepted Answer · answered Mar 06 '20 at 02:26

Please check this option in IE 11, if this option is disabled, storage object will be undefined in IE:
1. Click the "Tools" menu and choose "Internet Options".
2. Click on the tab labeled "Advanced".
3. Check the box for "Enable DOM Storage".
4. Click "Apply", click "OK".

localstorage can't work with file:// protocal, you need to run the page through http protocal.
There might be issues with localstorage in old version of IE 11 in win7/win8, please make sure you have installed the latest update.

using "localStorage.setItem" Internet explorer

1 Answers1