Nate Pet
Nate Pet

Reputation: 46222

HTML5 code not working in IE9

The following simple code works in Firefox (12.0) but does not seem to work in IE 9 even though local storage is supported in IE9. Notice how alert(localStorage.lastname); does not show up any results. Was wondering if there is a known issue in using localStorage in IE9 as the documentation does say it is supported.

   <!DOCTYPE html>
    <html>
    <body>
    <script> 
    if(typeof(Storage)!=="undefined")
    {
      alert('local storage')
      localStorage.lastname="Smith";
      alert(localStorage.lastname);  
    }
     else
    {
     alert("Sorry, your browser does not support web storage...")
    }
   </script>
   </body>
   </html>

Upvotes: 0

Views: 3807

Answers (3)

Imran Suhail
Imran Suhail

Reputation: 126

actually it doesnt even work from a webserver. i am running a web app on websphere application server and i get the same issue on ie9. it works fine on chrome.

you can try the stuff on this page: http://html5doctor.com/storing-data-the-simple-html5-way-and-a-few-tricks-you-might-not-have-known/

Upvotes: 0

vivek.m
vivek.m

Reputation: 3331

Your code will work fine on IE if you host your HTML file on web server.

If you are opening file:// url in IE, then localStorage will be undefined.
Try confirming that with if(typeof(localStorage)!=="undefined") and you will get "Sorry, your browser does not support web storage..."

Upvotes: 0

Christoph
Christoph

Reputation: 51211

Never set/get the items in localstorage directly! Use the appropriate methods for that:

localStorage.setItem(key,value)
localStorage.getItem(key)
localStorage.removeItem(key)

This fixes your IE problem and you will live happily :-D

(Note, that the values are stores as strings!)

Upvotes: 2

Related Questions