取消按钮重定向到上一页

时间:2016-08-05 06:16:17

标签: jquery html spring jsp browser

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

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

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

试试这个

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

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

答案 2 :(得分:0)

与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中的代码)

祝你愉快