取消按钮返回上一页

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

Answer 3

我想删除商品上的现有条目