Response.Write后css失效问题的解决
这两天测试网站的时候,发现网站的注册页面的一个bug,实现的功能是当点击"注册"按钮进行注册,后台代码中判断验证码,当用户输入的验证码和生成的验证码不一致时以alert的形式弹出对话框,提示用户验证码错误.但这时,当对话框弹出后,页面中的有些css样式失效.
查找了下原因,发现是生成弹出对话框的代码是这么写的:Response.Write("<script>alert('验证码不正确');</script>");这段代码在执行的时候会在页面的最顶部生成对应的html代码.而由于ASP.NET 2.0默认采用http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd文档类型定义,它就要求在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">的前面不能有任何输出。
解决办法是:不用Response.Write方法(缺点一是丢失css样式,二是破坏代码的结构).而用ClientScript.RegisterClientScriptBlock方法来实现相应的功能.我的代码:
/**//// <summary> /// 弹出提示信息框
/// </summary>
/// <param name="strKey">函数key值</param>
/// <param name="strInfo">提示信息</param>
public void MessageBox(string strKey, string strInfo)
{ if (!ClientScript.IsClientScriptBlockRegistered(strKey))
{ string strjs = "alert('" + strInfo + "');";
ClientScript.RegisterClientScriptBlock(this.GetType(), strKey, strjs, true);
}
}
调用时,使用如下方式:
MessageBox("opsuccess","恭喜,密码修改成功,请记住新密码!");
这样既不会产生css样式丢失的问题,生成的html代码也不破坏html文件的结构.