Javascript 为导航保存动态页面

我正在设计一个简单的网站，我是新的网络编程。初始页面是使用javascript动态生成的。当用户单击一个链接，然后使用浏览器返回按钮返回时，页面每次都会重新加载。我无法找到如何阻止页面重新加载并将其缓存在浏览器的历史记录中。我尝试过jquery mobile的pagecreate和pageinit事件，但没有任何帮助。每次按“后退”按钮时都会调用它们。请帮助我，欢迎提出任何建议。

查看HTML5

---

这不是浏览器的工作方式。如果导航到新页面，页面将被重新加载，部分或全部数据可能在缓存中，但浏览器仍会执行重新加载。您可以使用ajax更改页面内容，而无需重新加载。您还可以使用哈希，以便后退/前进仍然有效。如何使用ajax在不重新加载的情况下更改内容？这正是我想知道的。你能解释一下吗？这是一个简单的例子。

link.addEventListener('click', function(event) {
  // manually add a value to the history stack
  // without making the browser load any new page
  history.pushState('Contact Page Form', 'Contact Page', '/contact');
});

// capture navigation in case we want to change,
// for instance, some content when it changes
window.addEventListener('popstate', function(event) {
  document.querySelector('h1').innerHTML = event.state; // 'Contact Page Form'
});