.NET后台输出js脚本的方法

在项目开发中,遇到了问题,当使用了UpdatePanel控件后,直接在后台输出js脚本报错了。

大家都知道向客户端输出内容的方式很多,而打多少初学者会使用Respone.Write(string)。比如:

以下是代码片段:
Respone.Write(“hello word!”);
  或输出JS
  Respone.Write("");

  但是,当你查看客户端源码时,你会发现,输出的内容呈现在源码的最前端,显然它破坏了HTML的格式,在某些情况下这是会影响到页面布局等效果的。

  正确的输出方式应该是:this.ClientScript.RegisterStartupScript或this.ClientScript.RegisterClientScriptBlock.

  this.ClientScript.RegisterStartupScript 是在Form开始的第一行注册脚本,后者则是在Form结尾处注册脚本。这样就不回破坏HTML得格式了,如:

以下是代码片段:
this.ClientScript.RegisterStartupScript(this.GetType(), "scriptKey", "")
  或
  this.ClientScript.RegisterStartupScript(this.GetType(), "scriptKey", "alert('hello word!');",True)
  this.ClientScript.RegisterClientScriptBlock也类似。
  UpdatePanel

  当你想在UpdatePanel内输出一段JS时,运用以上方法就会得不到预期的效果。那么请看一下示例。

  有一个UpdatePanel的ID是upPn

以下是代码片段:
ScriptManager.RegisterClientScriptBlock(upPn,this.GetType(), "scriptKey", "alert('hello word!');",True)
  或
  ScriptManager.RegisterStartupScript(upPn,this.GetType(), "scriptKey", "alert('hello word!');",True)

  这样的话,当UpdatePanel内容加载到客户端后,就会弹出“hello word!”对话框。

  这样的话,从后台输出JS就更加方便了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值