您的位置:首页 > Web前端 > CSS

后台输出js脚本 页面回发后丢失样式

2011-01-11 18:00 537 查看
.Response.Write("<script>alert('保存不成功!')</script>");

   在运行后,点按钮 ,保存不成功的情况下 ,弹出对话框 ,但样式丢失

原因:
   在后台 用this.Response 的时候 会先于Render方法 将脚本添加到回发到客户的流中,然后Page
页面在结束时 调用 render()生成正常的页面流并也添加到回发到客户端的流中,这样浏览器接受到的东西是


<script>alert('保存不成功!')</script>


<html xmlns="http://www.w3.org/1999/xhtml">


<head>


</head>


<body>


</body>


</html>

这样的组合,有时是会出现样式丢失的问题(这边是不所有的这样的情况样式都会丢失,根本原因不详) (浏览器不能正确的解析)

解决的方法

一,最简单的做法 Response.Write("<script>alert('用户名或密码错误!');window.location.href='index.aspx'</script>");
  二、概要的讲 ,就是通过后台对客户端进行代码注册
  下面是一个简单的例子
  


ClientScriptManager cs = Page.ClientScript;


cs.RegisterClientScriptBlock(typeof(Object), "alert", "<Script> window.alert('故障单提交成功,流水号为" + GetFaultInfo().Fault_NO + "!')</script>",True);

  注意 在给方法赋值的时候一定要加上最后面的 True ,这样的话可以重写一个页面上的同一名称的脚本块
   ClientScriptManager 类用于管理客户端脚本并将它们添加到 Web 应用程序中。 

在response.write后会将IE里正常的解析模式变为怪异模式
IE规定如果doctype节点不是第一节点的话,那么页面自动进入怪异模式,response正好破坏了原有的页面结构。

Page.ClientScript.RegisterStartupScript
这个方法是将脚本写在form节点底下,所以不会造成样式丢失。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: