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

转载于:https://www.cnblogs.com/lxxhome/archive/2013/05/17/3083684.html

.NET后台输出js脚本的方法相关推荐

[转]ASP.NET中常用输出JS脚本的类
using System; using System.Collections.Generic; using System.Text; using System.Web; using System.We ...
ASP.NET中常用输出JS脚本的类（改进版）
在ASP.NET中我们经常需要输出一些JS脚本,比如弹出一个警告窗口,返回到历史页面等JS功能,我看到网上流传得比较广的是马先光写的一个JScript类,这个类基本将经常用到的JS脚本包含了,非常 ...
搜狗浏览器安装自定义JS脚本的方法～
搜狗浏览器安装自定义JS脚本的方法- 方法1 安装新搜狗浏览器右上常用工具栏,在"工具箱"上点击选"添加". 搜索安 ...
防止自建控件与页面间重复引入客户端js脚本的方法
我们在创建自定义的服务器端控件或是用户控件时,经常需要用到一些客户端js脚本,通常将其作为资源嵌入,并在页面后台代码中添加引用,但是如若用到一些通用的js库(比如JQuery)时,就免不了产生一个疑问 ...
java在后台输出js弹出对话框
http://blog.163.com/yurong_1987@126/blog/static/4751786320092711596354/ 实现方法分为两种: 一.直接在后台打印js对话框,原理如 ...
搜狗浏览器安装自定义JS脚本的方法
方法1 安装新搜狗浏览器右上常用工具栏,在"工具箱"上点击选"添加". 搜索安装"Tampermonkey"应用(http://ie.sog ...
调试视频网页js脚本的方法
1.按F12,在chrome中打开开发者工具,选择Source,打开侧边栏,点击你想要调试的js脚本,打开源码参见下面的图示 2.使用右下角的{}工具,将压缩后的js代码变成整齐对齐的代码,便于阅读 ...
服务器控件中js脚本注册方法
方法1 //静态javascript脚本 const string sScript=@"<script type=""text/javascript"&q ...
树莓派开机运行node.js脚本的方法
http://gyzx.swjtu.edu.cn/icsites/devzone/node/352 一.配置Raspberry Pi无线网络. 插上无线网卡 sudo nano /etc/wpa_su ...
客户端页面不更新CSS样式或JS脚本的方法 (2018-08-17 17:33)
js或css后加?v= 版本号的用法 <span style="font-size:14px;">css和js带参数(形如.css?v=与.js?v= 或 .css?v ...

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

.NET后台输出js脚本的方法相关推荐

最新文章

热门文章