Question

我目前有这个取消按钮，当用户点击它时 - 它会将它们带到他们所在的上一页。如果他们在不保存的情况下对页面进行了更改，然后单击取消，则会弹出一个窗口，询问他们是否要离开页面而不保存更改。单击“是离开页面”时，将再次显示该消息，我必须再次单击“是”。因此，相同的消息两次不确定为什么会发生这种情况，以及是否有更好的方法可以返回上一页。

以下是取消按钮的代码：

<a href="javascript:goBack(); " class="glossyBtn">
 <img alt="" style="vertical-align: middle" src="<%:Url.Content("~/Content/blueprint/plugins/buttons/icons/cross.png")%>" />
    <span style="vertical-align: middle">Cancel</span>
</a>


<script type="text/javascript">
    function goBack() {
        window.history.back();
    }
</script>

此外，如果一个人在页面上并且他们进行更改然后保存 - 同一页面将重新加载已保存的信息，但如果用户单击取消，则会在加载之前将其恢复到同一页面，并且必须再次单击取消一路走出页面。有没有更好的方法来处理这个？感谢。

Answer 1

window.history.back();无法按预期工作。如果您想重定向到上一页，请使用window.location

 function goBack() {
        window.location = 'YOUR URL'; //specify the url to redirect
 }

更新您的评论：

是的，只需将参数传递给函数。

function goBack(url) {
       window.location = url; //specify the url to redirect
}

在<a>标记中调用此函数，

<a href="javascript:goBack('http://www.stackoverflow.com'); " class="glossyBtn">

Answer 2

如果手动清除浏览器历史记录，

history.back()将无效，请转到window.location.href

取消前一页的按钮

2 个答案: