弹出Alert警告框时页面背景变为空白的技术问题咨询

问题现象 #

弹出Alert警告框时，页面背景变为空白。

代码问题分析 #

从提供的代码来看，几个明显错误会直接导致页面异常：

1. 后台变量未定义：about.aspx.cs的Show方法中，拼接JS脚本时用了未声明的strTmp变量，而非传入的strMessage，这会生成语法错误的JS代码，直接中断页面执行，引发背景空白。
2. 参数不匹配：后台调用showDialogModal时传了两个参数（'MMF Portal'和strTmp），但前端函数只定义了一个message参数，参数混乱会引发逻辑异常。
3. Alert的错误使用：window.alert()没有返回值，var confirm = window.alert(message)这行里confirm永远是undefined，后续的if判断完全无效。
4. 无效占位符代码：JS函数里的`enter code here`属于无效语法，会直接触发JS报错。

修复方案 #

1. 修正后台Show方法 #

修复变量错误，同时转义字符串特殊字符避免JS语法问题：

public void Show(System.Web.UI.Page page, string strMessage) {
    // 转义单引号和换行符，防止JS语法错误
    string escapedMessage = strMessage.Replace("'", "\\'").Replace("\n", "\\n");
    page.ClientScript.RegisterStartupScript(page.GetType(), "PopUp",
        $"<script>showDialogModal('{escapedMessage}');</script>");
}

2. 修正前端JS函数 #

如果需要获取用户确认/取消操作，改用window.confirm()，同时清理无效代码：

function showDialogModal(message) {
    var isConfirmed = window.confirm(message);
    if (isConfirmed) {
        // 此处添加确认后的执行逻辑
        return "Yes";
    } else {
        // 此处添加取消后的执行逻辑
        return "No";
    }
}

3. 调用页面保持不变 #

contact.aspx的Page_Load逻辑无需修改，确保控件实例化正确即可：

protected void Page_Load(object sender, EventArgs e) 
{
    ctrlWebMessage = WebApplication1.About;
    ctrlWebMessage.Show(this.Page, "Please enter my name");
}

修复原理 #

后台代码的变量错误会生成非法JS脚本，浏览器执行错误脚本时会中断页面渲染流程，导致背景空白。修正变量匹配和JS语法后，脚本可正常执行，页面渲染不会被中断，同时confirm能正确处理用户交互，避免逻辑异常。

内容的提问来源于stack exchange，提问作者Ranjith