javascript - 取消按钮返回上一页

Question

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

这是我的取消按钮代码:

<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">