本地存储未存储

Question

I'm trying to save the page state when a user looks at an item from search results then goes back to the results.

The surrounding div has an id of mainContainer so its basically everything in there that i want to save and then restore.

I'm using native javascript, not jquery.

Here's what I'm trying:

// Replace the search results on load.
if (('localStorage' in window) && window['localStorage'] !== null) {
  if ('myPage' in localStorage && window.location.hash) {
  var el = document.getElementById('mainContainer');
  el.innerHTML = localStorage.getItem('myPage');
    }
}

// Save the search results when leaving the page.
window.onbeforeunload = function () {
  if (('localStorage' in window) && window['localStorage'] !== null) {
  var el = document.getElementById('mainContainer');
    var form = el.innerHTML;
      localStorage.setItem('myPage', form);
    }
};

Answer 1

As far as i can see, your code has a syntax error

Uncaught SyntaxError: Unexpected token )

 window.onbeforeunload = function () {
    if (('localStorage' in window) && window['localStorage'] !== null) {
     var el = document.getElementById('mainContainer');
     var form = el.innerHTML;
     localStorage.setItem('myPage', form);
    }
 });
//^Here

Other than that it seems to work fine: JSFiddle . Just change the content in HTML an run the fiddle again, previous HTML will be stored and will be reloaded. ( BTW I removed the hash check for demo purpose )