asp.net - 为什么在 JavaScript 调用后会重新加载 Aspx 页面

Question

下面是一个带有按钮的简单页面的代码。

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true"
CodeBehind="AdminPage.aspx.cs" Inherits="School.AdminPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript">
    function calling() {
        var user = "all";
        alert(user)
    }
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<button runat="server" onclick="calling()">
    Mybutton</button>
</asp:Content>

单击按钮时，会出现警报，当我在该警报对话框上单击“确定”时...页面会重新加载...。为什么会重新加载以及如何停止这种情况。

Answer 1

“默认事件”正在发生。

要禁用它，请在函数调用之前使用 return，如下所示：

<button runat="server" onclick="return calling()">

在函数中：

<script type="text/javascript">
   function calling() {
       var user = "all";
       alert(user);
       return false;
   }
</script>

Answer 2

使用此代码关闭警报而不刷新页面

<script type="text/javascript">
    window.onbeforeunload = function() {
        return ;
    }
</script>