ASP.NET 網頁彈出對話框三種常用實作方式

ASP.NET Web Forms 開發中，常需在伺服器端或客戶端彈出訊息框、確認框。以下整理三種主流做法，適用情境各異。

方式一：控制項屬性注入 onclick 確認框（客戶端攔截 Postback）

適用：刪除、送出前需使用者二次確認。

// 後端碼 Page_Load 或預渲染
btnDelete.Attributes["onclick"] = "return confirm('確定要刪除此筆資料？');";

• 使用者點「取消」→ 回傳 false → 取消 Postback。
• 點「確定」→ 回傳 true → 正常 Postback 執行伺服器端 btnDelete_Click。
• 優點：零額外腳本、效能最好、無 ViewState 問題。

方式二：Response.Write 註冊啟動腳本（伺服器端處理完成後提示）

適用：資料新增/修改/刪除成功後，顯示完成訊息。

// 簡易寫法（會輸出在頁面最上方，可能導致 HTML 結構異常）
Response.Write("<script>alert('刪除成功！');</script>");

// 建議寫法：使用 ClientScriptManager 註冊啟動腳本
ClientScript.RegisterStartupScript(
    this.GetType(), 
    "alertSuccess", 
    "alert('刪除成功！');", 
    true // 自動加上 <script> 標籤
);

• RegisterStartupScript 輸出位置在 </form> 前，確保 DOM 就緒。
• 第一參數 key 需唯一，避免重複註冊。
• 搭配 IsStartupScriptRegistered 檢查可防重複。

方式三：RegisterClientScriptBlock 註冊函式庫（定義可重複呼叫的函數）

適用：多處需呼叫同一個彈窗邏輯、或需在特定時機觸發。

// 定義函數（輸出在 <form> 後）
ClientScript.RegisterClientScriptBlock(
    this.GetType(),
    "showConfirm",
    "function showConfirm(msg) { return confirm(msg); }",
    true
);

// 控制項使用
btnDelete.Attributes["onclick"] = "return showConfirm('確定刪除？');";

進階：UpdatePanel 部分更新時的特殊處理

若頁面使用 UpdatePanel 非同步回發，RegisterStartupScript 不會在部分更新時執行，需改用 ScriptManager：

ScriptManager.RegisterStartupScript(
    this, 
    this.GetType(), 
    "alertAsync", 
    "alert('非同步更新完成！');", 
    true
);

現代化替代方案（建議新專案採用）

快速選擇指南

1. 刪除前確認 → Attributes["onclick"] = "return confirm(...)"
2. 同步 Postback 完成提示 → ClientScript.RegisterStartupScript
3. UpdatePanel 非同步完成提示 → ScriptManager.RegisterStartupScript
4. 定義共用函式 → ClientScript.RegisterClientScriptBlock
5. 新專案/重構 → 引入 SweetAlert2 或 Bootstrap Modal

核心原則：能在客戶端解決的不上伺服器；能用非阻塞通知的不用 alert 阻塞執行緒。