javascript - 带有回退 url 的历史 back()

Question

我已经使用它 ( https://www.w3schools.com/jsref/met_his_back.asp ) 在我网站的致谢页面上添加了“继续浏览”按钮。

如果用户单击按钮，我希望能够将用户发送回 2 个页面，但是如果由于某种原因他们填写了表单并且不是来自另一个页面，那么我想添加一个后备 url，即只是主页。

该按钮有效，但是否可以在没有历史记录的情况下添加后备 url？

这是我当前的代码:

<button onclick="goBack()" class="et_pb_button">Continue Browsing</button>
<script>
function goBack() {
    window.history.go(-2);
}
</script>

Answer 1

您始终检查 History 对象中的条目数。

<button class="et_pb_button">Continue Browsing</button> 

<script> 
  var url = 'www.test.com/signin'; // you need to know where you want to redirect to before hand
  document.querySelector('.et_pb_button').addEventListener('click', function() {
    if(window.history.length > 2) {
          window.history.go(-2);
      } else {
         window.location.href = url;
      }
  });
</script>