.NET 使用 Response.Write 彈出訊息框導致版面錯亂的正確替代方案

問題現象

在伺服器端按鈕點擊事件中使用 Response.Write 註冊 alert 腳本，導致頁面 CSS 版面錯位、樣式失效。

錯誤寫法

Response.Write("<script language=javascript>");
Response.Write("window.alert('計劃添加失敗！');");
Response.Write("</script>");

原因分析

• Response.Write 直接輸出到回應流最前端，破壞頁面的 HTML 結構（特別是在 <!DOCTYPE> 之前）。
• 導致瀏覽器進入 Quirks Mode，CSS 盒模型解析異常，版面崩潰。

正確做法：ClientScript.RegisterStartupScript

ClientScript.RegisterStartupScript(
    GetType(), 
    "alertScript", 
    "window.alert('計劃添加失敗！');", 
    true // 自動加上 script 標籤
);

進階：統一封裝彈窗方法

public static void ShowAlert(Page page, string message)
{
    string script = $"window.alert('{message.Replace("'", "\\'")}');";
    ScriptManager.RegisterStartupScript(page, page.GetType(), "alert", script, true);
}

• 支援 UpdatePanel 非同步回傳時使用 ScriptManager.RegisterStartupScript。
• 自動處理特殊字元跳脫，避免 JS 語法錯誤。

總結

嚴禁在伺服器端使用 Response.Write 輸出腳本，統一改用 ClientScript 或 ScriptManager 註冊啟動腳本，確保頁面結構完整、樣式正常。