javascript - 如何使用按钮调用javascript函数和代码

Question

如何使用按钮调用javascript函数和函数背后的代码？

<asp:button id="btnSave" onclick="btnSave();" onclientclick ="return javascriptfunction();" runat="server">

</asp:button>

我也试过这样。但没有回应。

<asp:button id="btnSave" onclick="btnSave();" onclientclick ="return true;" runat="server">

</asp:button>

甚至，javascript函数返回true，它没有调用代码隐藏函数。我可以知道原因吗？

score 3 · Accepted Answer

代码应该是这样的 -

JavaScript：

<script>
    function save() 
    {
        return confirm('Are you sure you want to continue?');            
    }
</script>

ASPX：

<asp:Button ID="btnSave" OnClick="btnSave_Click" OnClientClick="return save();" 
   runat="server" />

C#代码隐藏：

protected void btnSave_Click(object sender, EventArgs e)
{
   // Do something
}

它基本上在发回服务器之前调用 JavaScript 函数。是否回发到服务器取决于returnJavaScript 函数的值。

按钮控件OnClick是服务器端事件，因此您需要附加到服务器端单击事件。

score 0 · Accepted Answer

我发现做到这一点的最好方法是使用 RegisterStartupScript 从代码后面

 ScriptManager.RegisterStartupScript(this, this.GetType(), "name", "javascriptfunction();", true);

2 回答 2