javascript - 如何在用户单击浏览器后退按钮时导航到新页面

Question

我是 javascript 的新手，现在我有一个要求我不能很好地完成。首先用户在 1.html，然后将被导航到 2.html，然后是 3.html。每个 html 都有自己的 js 文件。当用户在 3.html 中单击浏览器后退按钮时如何导航到 1.html。

Answer 1

你的意思是当按下浏览器后退按钮时？如果是这样，最简单的方法就是使用 JQuery。您可以使用以下代码:

jQuery(document).ready(function($) {

  if (window.history && window.history.pushState) {

    $(window).on('popstate', function() {

      var split = location.hash.split("#!/");
      var name = split[1];

      if (name !== '') {
        var hash = window.location.hash;
        if (hash === '') {
            window.location='www.yourwebsite.com/page1.html';
            return false;
        }
      }
    });

    window.history.pushState('forward', null, './#forward');
  }

});