javascript - html5/jquery 后退按钮

Question

是否有一个库或一段代码可以使特定按钮充当适当的浏览器后退按钮，它将带您到之前加载的上一个页面？

目前，我只是指定href我认为是先前加载的页面，但得出的结论是这不起作用，因为可以从不同的屏幕访问一个屏幕。

有没有这样的例子，或者我是否需要创建自己的逻辑来跟踪页面历史记录？

谢谢

Answer 1

可以使用 JavaScript 的 back 方法；

function backButton() {
    window.history.back()
}

<a onclick="backButton()">Go back</a>

或者不同的方法；

<a onclick="history.go(-1);">Go back</a>

Answer 2

向后导航 -单文件模板：

$('.selector').on('click', function (e) {
  e.preventDefault();
  var page = $.mobile.activePage.prev('[data-role=page]');
  $.mobile.changePage(page, {
    transition: 'flip',
    reverse: true
  });
});

向后导航 -多文件模板：

$('.selector').on('click', function (e) {
  e.preventDefault();
  var page = document.referrer;
  $.mobile.changePage(page, {
    transition: 'flip',
    reverse: true
  });
});

演示