Response.Write后css失效问题的解决-技术开发专区

Response.Write后css失效问题的解决

作者：longer博客编辑： nancy 2008-01-23 00:00

【IT168技术文档】

这两天测试网站的时候，发现网站的注册页面的一个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文件的结构．

关注我们