Question

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

Answer 1

查看HTML 5 History API。

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'
});

保存动态页面以进行导航

1 个答案: