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

Javascript 如何在用户单击“浏览器后退”按钮时导航到新页面,javascript,html5-history,Javascript,Html5 History,我是javascript新手,现在我有一个不能很好完成的要求。首先是1.html中的用户,然后将导航到2.html,然后是3.html。每个html都有自己的js文件。当用户在3.html中单击浏览器后退按钮时,如何导航到1.html。后退 <button onclick="myFunction()">Back</button> 使用此功能 <script language="JavaScript"> function myFunction() {

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

后退
<button onclick="myFunction()">Back</button>
使用此功能

<script language="JavaScript">
    function myFunction() {
    window.location = '3.html'
    }

</script>

函数myFunction(){
window.location='3.html'
}

您可以在单击按钮时调用此功能。您的意思是当按下浏览器后退按钮时?如果是这样,最简单的方法就是使用
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');
  }

});

对不起,我错过了关键词:它的浏览器后退按钮;非常感谢您如此迅速地回答我的问题question@XiaominHu很高兴提供帮助,别忘了将此标记为解决方案!