.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!”对话框。