取消按钮重定向到上一页

Question

是否有一个函数我可以作为按钮的单击事件附加，以使浏览器返回上一页而不使用history.go（）函数和window.location.href？

      <input type="submit" name="cancel" value="cancel" onclick="history.go(-1)"/>

Answer 1

此解决方案的好处是可以在悬停时显示链接到页面的URL，因为大多数浏览器默认情况下会这样做，而不是history.go（-1）或类似：

1 <script>
2    document.write('<a href="' + document.referrer + '">Go Back</a>');
3 </script>'

Answer 2

试试这个

 <input type="submit" name="cancel" value="cancel" onclick="goPrev()"/>

<script>
function goPrev()
{
window.history.back();
}
</script>

Answer 3

与Simon保持一致，最好总是让用户知道链接的目标是什么。 在此解决方案中，您将打印一个链接：

<script>
  document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>

但是，如果您确实要使用输入按钮，则可以使用Nikhila命题：

<input type="submit" name="cancel" value="cancel" onclick="goPrev()"/>
<script>
  function goPrev()
  {
    window.history.back();
  }
</script>

注意这只是JS代码，链接或按钮将出现在添加脚本块的位置。如果需要，可以使用JQuery添加以指定可以在其中添加新内容的位置，也可以使用appendChild（请参见https://www.w3schools.com/jsref/met_node_appendchild.asp中的代码）

祝你愉快