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

.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节点底下,所以不会造成样式丢失。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值