【转】 C#后台调用前台javascript的五种方法
第一种,OnClientClick (vs2003不支持这个方法)
<asp:ButtonID="Button1" runat="server" Text="Button" OnClientClick="client_click()"OnClick="Button1_Click" />
client_click()就是javascript的一个方法。
例如:
<script type="text/javascript">
functionaa() {
alert("aaa");
returnfalse; //返回false 就不执行button的后台代码
}
</script>
==================
<p><asp:Button ID="button11" runat="server" Text="button" OnClientClick="returnaa();"
onclick="button11_Click" /> </p>
==========================================================
第二种,Button1.Attributes.Add("onclick","return Client_Click()");
“Client_Click() “是一个前台方法,可以替换成一般的脚本如:retrunconfirm('确定删除吗?')
第三种,是我自认为最灵活的一种,ClientScript.RegisterStartupScript
例子:StringBuildersb = new StringBuilder();
sb.Append("<scriptlanguage='javascript'>");
sb.Append("Button2_onclick('"+ serverPath + "')");
sb.Append("</script>");
ClientScript.RegisterStartupScript(this.GetType(), "LoadPicScript",sb.ToString());
第四种. 用Response.Write方法写入脚本
比如在你单击按钮后,先操作数据库,完了后显示已经完成,可以在最后想调用的地方写上
Response.Write("<scripttype='text/javascript'>alert();</script>");
这个方法有个缺陷就是不能调用脚本文件中的自定义的函数,只能调用内部函数,具体调用自定义的函数只能在Response.Write写上函数定义,比如Response.Write("<scripttype='text/javascript'>function myfun(){...}</script>");
第五种用ClientScript类动态添加脚本
用法如下:在想调用某个javascript脚本函数的地方添加代码,注意要保证MyFun已经在脚本文件中定义过了。
ClientScript.RegisterStartupScript(ClientScript.GetType(),"myscript", "<script>MyFun();</script>");
这个方法比Response.Write更方便一些,可以直接调用脚本文件中的自定义函数。
例如:
protected voidButton1_Click(object sender, EventArgs e)
{
MessageBox.Show("111"); //先执行了这句,再往下执行
ClientScript.RegisterStartupScript(this.GetType(),"aa", "<script>click1('aaaa')</script>");//click1('aaaa')是前台jQuery函数
}
前台脚本:
<script type="text/javascript">
function click1(a) {
alert("click1:"+ a);
returnfalse;
}
</script>
第六种使用Page.ClientScript.RegisterClientScriptInclude
许多开发人员把JavaScript放在一个.js文件中,这是一种最佳实践方式,因为这非常便于对应用程序进行全局的JavaScript修改。使用RegisterClientScriptInclude方法可以在ASP.NET页面上注册脚本文件,如下所示:
实例jsTest01.js文件中的代码:
function skyHellow()
{
alert("呵呵……,你成功了!");
}
实例前台代码:
<body>
<form id="form1"runat="server">
<div>
<asp:Button ID="btnOK"runat="server" onclick="btnOK_Click" Text="效果测试" />
</div>
</form>
</body>
</html>
实例后台代码:
protected voidbtnOK_Click(object sender, EventArgs e)
{
string strJs = "jsTest01.js";
Page.ClientScript.RegisterClientScriptInclude("myKey",strJs);
Page.ClientScript.RegisterStartupScript(this.GetType(),"myJs", "skyHellow();", true);
}
后台写script代码 方法二:
String csname1 ="PopupScript";
Type cstype =this.GetType();
ClientScriptManager cs =Page.ClientScript;
if(!cs.IsStartupScriptRegistered(cstype, csname1))
{
String cstext1 ="alert('Hello World');"; //这种方法比较灵活。可以在这里动态传值。
cs.RegisterStartupScript(cstype,csname1, cstext1, true);
}
但是在static 方法中用上面的代码会提示this page 错误。这时应该这样:
今天在项目中,想对asp.Net弹出提示框来个封装,为了能更好的调用,就添加了一个CS类,结果方法还没写完就报错了,提示命名空间不对,我想,那就添加引用吧,但是貌似结果也不行,在添加了所有WEB引用之后,最终提示“非静态的字段、方法或属性“System.Web.UI.Page.ClientScript.get”要求对象引用”
于是根据提示的命名空间做了强制转换,就OK了。
Page page = (Page)System.Web.HttpContext.Current.Handler;
page .ClientScript.RegisterStartupScript(page.GetType(),"失败","<script>alert('修改失败,请稍后再试!');</script>");
同时在CS类中只需要添加以下两个引用即可:
using System.Web;
using System.Web.UI;
来自:http://blog.csdn.net/kankankankan2222/article/details/7560049
【转】 C#后台调用前台javascript的五种方法的更多相关文章
- ASP.NET,C#后台调用前台javascript的五种方法
C#后台调用前台javascript的五种方法 由于项目需要,用到其他项目组用VC开发的组件,在web后台代码无法访问这个组件,所以只好通过后台调用前台的javascript,从而操作这个组件.在网上 ...
- C#后台调用前台javascript的五种方法小结
第一种,OnClientClick (vs2003不支持这个方法) <asp:Button ID="Button1" runat="server" Tex ...
- ASP.NET 前台Javascript调用后台代码 / 后台调用前台Javascript
1:ASP.NET 前台Javascript调用后台代码 1.1:前台Javascript <script> function CallCs() { var str = "< ...
- 由ASP.NET所谓前台调用后台、后台调用前台想到HTTP——实践篇(二)
在由ASP.NET所谓前台调用后台.后台调用前台想到HTTP——理论篇中描述了一下ASP.NET新手的三个问题及相关的HTTP协议内容,在由ASP.NET所谓前台调用后台.后台调用前台想到HTTP—— ...
- 由ASP.NET所谓前台调用后台、后台调用前台想到HTTP——理论篇
工作两年多了,我会经常尝试给公司小伙伴儿们解决一些问题,几个月下来我发现初入公司的小朋友最爱问的问题就三个 1. 我想前台调用后台的XXX方法怎么弄啊? 2. 我想后台调用前台的XXX JavaScr ...
- js调用.net后台事件,和后台调用前台等方法以及js调用服务器控件的方法
http://blog.csdn.net/deepwishly/article/details/6670942 ajaxPro.dll基础教程(前台调用后台方法,后台调用前台方法) 1. javaS ...
- 由ASP.NET所谓前台调用后台、后台调用前台想到HTTP
由ASP.NET所谓前台调用后台.后台调用前台想到HTTP 在由ASP.NET所谓前台调用后台.后台调用前台想到HTTP——理论篇中描述了一下ASP.NET新手的三个问题及相关的HTTP协议内容,在由 ...
- ASP.NET所谓前台调用后台、后台调用前台想到HTTP——实践篇
由ASP.NET所谓前台调用后台.后台调用前台想到HTTP——实践篇 在由ASP.NET所谓前台调用后台.后台调用前台想到HTTP——理论篇中描述了一下ASP.NET新手的三个问题及相关的HTTP协议 ...
- js调用.net后台事件,和后台调用前台等方法总结(转帖)
js调用.net后台事件,和后台调用前台等方法总结 原文来自:http://hi.baidu.com/xiaowei0705/blog/item/4d56163f5e4bf616bba16725.ht ...
随机推荐
- <Linux> xm 命令
xm console <域ID> ctrl+ ] 退出虚拟机到宿主 xm reboot <域ID> xm pause <域I ...
- 微信开发学习日记(五):weiphp开源框架的bug,公众号权限编辑问题
最近在研究weiphp,总体感觉还行,bug据说还挺多. 这不,我就遇到一个比较严重影响使用的.感觉不太应该出现这么严重的bug啊. weiphp的微信公众号等级,权限增加和编辑bug,看不到权限列表 ...
- 【u005】封锁阳光大学
Time Limit: 1 second Memory Limit: 128 MB [问题描述] 曹是一只爱刷街的老曹,暑假期间,他每天都欢快地在阳光大学的校园里刷街.河蟹看到欢快的曹,感到不爽.河蟹 ...
- Hadoop源码分析(MapReduce概论)
大家都熟悉文件系统,在对HDFS进行分析前,我们并没有花非常多的时间去介绍HDFS的背景.毕竟大家对文件系统的还是有一定的理解的,并且也有非常好的文档.在分析Hadoop的MapReduce部分前,我 ...
- CF 559B(Equivalent Strings-构造法)
B. Equivalent Strings time limit per test 2 seconds memory limit per test 256 megabytes input standa ...
- [React] Use React ref to Get a Reference to Specific Components
When you are using React components you need to be able to access specific references to individual ...
- ionic新手教程第三课-在项目中使用requirejs分离controller文件和server文件
继上篇教程中提到的,我们新建一个简单的tabs类型的Ionic项目. 依据文件夹文件我们知道,系统自己主动创建了一个controller文件和server文件,而且把全部的控制器和服务都写到这两个文件 ...
- rebar工具使用备忘录
http://cryolite.iteye.com/blog/1159448 rebar是一个开源的erlang应用自动构建工具.basho的tuncer开发.它实际上是一个erlang脚本(escr ...
- matlab 高级函数 —— circshift、squeeze
circshift:顾名思义,循环移动,循环的意义在于,移出的数据不丢失,而是来到队列的首部位置,也即其实是将原始序列视为一种圆环. 1. 基本用法 默认为右移. Y = circshift(A,K) ...
- Android源码分析-点击事件派发机制
转载请注明出处:http://blog.csdn.net/singwhatiwanna/article/details/17339857 概述 一直想写篇关于Android事件派发机制的文章,却一直没 ...