Asp.net 在 Postback 之后执行 javascript 方法

最新推荐文章于 2025-08-13 21:05:35 发布

weixin_34248705

最新推荐文章于 2025-08-13 21:05:35 发布

阅读量169

点赞数

文章标签： javascript 后端前端 ViewUI

本文详细介绍了在ASP.NET中通过三种不同方法在页面回发后调用JavaScript函数的具体实现，包括使用ClientScript.RegisterStartupScript、Response.Write以及直接在代码中嵌入JavaScript代码片段。这些方法适用于需要在服务器端操作后触发客户端行为的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要介绍如下三种方式，分别表现在3个Button的Click事件中，代码如下：

前台：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RunJSFunctionAfterPostBack.aspx.cs" Inherits="EricSunWebAppProject.RunJSFunctionAfterPostBack" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.9.0.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="Scriptmanager1" runat="server" />
        <div>
            <asp:Button ID="Button1" runat="server" Text="Button1" OnClick="Button1_Click" />
            <asp:Button ID="Button2" runat="server" Text="Button2" OnClick="Button2_Click" />
            <asp:Button ID="Button3" runat="server" Text="Button3" OnClick="Button3_Click" />
        </div>
    </form>
</body>
</html>

<script type="text/javascript">
    function AlertMyInfo() {
        alert("Hello Eric Sun.");
    }
</script>

【注：要能够执行Button1中的Click方法，前台的<asp:ScriptManager ID="Scriptmanager1" runat="server" />必须加上。】

后台：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace EricSunWebAppProject
{
    public partial class RunJSFunctionAfterPostBack : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            string callbackJSFunction = "<script language='javascript'>function f(){AlertMyInfo(); Sys.Application.remove_load(f) ;}; Sys.Application.add_load (f);</script>";
            Page.ClientScript.RegisterStartupScript(this.GetType(), "HelloKey", callbackJSFunction); 
        }

        protected void Button2_Click(object sender, EventArgs e)
        {
            Response.Write("<script language=JavaScript> alert('Hello Eric Sun.'); </script>"); 
        }

        protected void Button3_Click(object sender, EventArgs e)
        {
            string s = "<script language=JavaScript>alert('Hello Eric Sun');</script>";
            Page.ClientScript.RegisterStartupScript(this.GetType(), "HelloKey", s); 
        }
    }
}