ASP.NET 後台呼叫 JavaScript 的三種常用方法

前言

在 ASP.NET Web Forms 開發中，經常需要在伺服器端程式碼（後台）觸發客戶端的 JavaScript 函式。例如：資料儲存成功後彈出提示、按鈕點擊後開啟新視窗、或是動態註冊腳本邏輯。本文整理三種主流做法，並說明各自的適用場景與注意事項。

方法一：使用 Response.Write 直接輸出腳本

最直觀的方式是在後台透過 Response.Write 將 <script> 標籤直接寫入 HTTP 回應串流中。

基本用法

Response.Write("<script type='text/javascript'>alert('XXX');</script>");

限制與補救

• 無法直接呼叫外部 .js 檔案中定義的自訂函式，因為腳本在頁面載入初期就已輸出，此时外部腳本可能尚未載入完成。
• 若必須呼叫自訂函式，只能在 Response.Write 中把函式定義也一併寫出來：

Response.Write("<script type='text/javascript'>function myfun(){ ... }</script>");

方法二：使用 ClientScriptManager 註冊啟動腳本

ClientScript.RegisterStartupScript 是官方推薦的方式，它會在頁面載入完成（onload 階段）自動執行註冊的腳本，且能正確處理腳本載入順序。

程式碼範例

// 確認 MyFun 已在頁面或引用的 .js 檔中定義
ClientScript.RegisterStartupScript(
    this.GetType(), 
    "myscript", 
    "<script>MyFun();</script>", 
    false // 若最後一個參數為 true，框架會自動加上 script 標籤
);

優點

• 可直接呼叫外部腳本檔中的自訂函式。
• 腳本會在 DOM 就緒後執行，避免「找不到元素」的錯誤。
• 自動去重：相同 key 的腳本只會輸出一次。

方法三：在控制項屬性中綁定客戶端事件

針對具體控制項（如 Button、LinkButton），可在伺服器端動態添加 onclick 等屬性。

範例

Button1.Attributes.Add("onclick", "MyFun();");

注意事項

• 必須在 Page_Load 或更早的初始化階段（OnInit、OnPreRender）加入才會生效。
• 腳本會在伺服器端事件（如 Button_Click）之前執行，無法改變執行順序。
• 若後台程式碼中包含 Response.Redirect、Server.Transfer 等導向語句，瀏覽器可能不會執行已註冊的腳本。解決辦法是將導向邏輯移至 JavaScript（如 window.location.href）。

總結比較

最佳實踐建議

1. 優先使用 ClientScript.RegisterStartupScript 或 ScriptManager.RegisterStartupScript（含 UpdatePanel 時）。
2. 避免在後台拼接大量 JavaScript 字串；複雜邏輯應寫在 .js 檔，後台僅呼叫入口函式。
3. 若需在異步回發（UpdatePanel）後執行腳本，請改用 ScriptManager.RegisterStartupScript。
4. 後台若有導向需求，請輸出 window.location.href = '...' 而非使用 Response.Redirect。