.NET 後台呼叫前端 JavaScript 的兩種實用方式

前言

在 ASP.NET Web Forms 開發中，後台程式碼常需觸發前端 JavaScript 執行。本文整理兩種常見做法，並說明各自的適用場景與注意事項。

方式一：直接輸出 Script 標籤（僅限簡單腳本）

最直觀的方法是用 Response.Write 直接寫入一段 JavaScript 程式碼。這適合執行簡單的單行指令（如 alert()），但無法呼叫前端已定義的自訂函式。

string jss = "<script language='javascript' type='text/javascript'> alert('hello')</script>";
Response.Write(jss);

方式二：使用 ClientScriptManager 註冊啟動腳本（通用做法）

ASP.NET 2.0 引入 ClientScriptManager 類別，取代已過時的 Page.RegisterStartupScript。透過 RegisterStartupScript 方法，可在頁面載入完成後自動執行指定腳本，並能正確呼叫前端自訂函式（例如 mya()）。

寫法 1：標準註冊

string sl = "<script language='javascript' type='text/javascript'> mya('he')</script>";
Page.ClientScript.RegisterStartupScript(this.GetType(), "mya", sl);

寫法 2：舊版相容寫法（不建議新專案使用）

string sl = "<script language='javascript' type='text/javascript'> mya('he')</script>";
Page.RegisterStartupScript("mya", sl); // 已標記過時

核心類別說明

• Page.ClientScript 屬性：回傳 ClientScriptManager 實例，用於管理、註冊、新增客戶端腳本。
• ClientScriptManager 類別：ASP.NET 2.0 新增，專門定義管理客戶端腳本的方法。
• RegisterStartupScript 方法：向 Page 物件註冊啟動腳本，確保在頁面呈現後執行。

最佳實務建議

• 優先使用 Page.ClientScript.RegisterStartupScript，確保相容性與維護性。
• 若需傳遞複雜資料給前端，建議序列化為 JSON 再由腳本解析。
• 避免在迴圈中重複註冊相同 Key 的腳本，以免產生重複執行或例外。