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

时间:2016-08-23 08:27:10

标签: javascript html5-history

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

2 个答案:

答案 0 :(得分: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');
  }

});

答案 1 :(得分:0)

<button onclick="myFunction()">Back</button>

使用此功能

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

</script>

单击按钮

时可以调用此功能