狗尾草

导航

在后台加JavaScript 脚本　页面回发后样式丢失

开发环境　Vs 2008  .Net 3.5

现象　：
　　　工作中　填单页面，包含填写内容的控件和一个提交按钮．
　　　　在后台里面的脚本中　，有一个按钮的OnClick 事件
　　　事件的内容　
　　　　　　　　
　　　　　　　　　保存不成功　　页面提示一个保存不成功的友好信息
　　　　　　　　　成功也一样

　　　其中写脚本的代码如下：
　　　　　
　

this.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>


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

解决的方法
　　概要的讲　，就是通过后台对客户端进行代码注册
　　下面是一个简单的例子
　　

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


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

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 

posted on 2008-05-28 12:20  狗尾草-大数据收割基  阅读(2605)  评论(9)    收藏  举报