【转】 C#后台调用前台javascript的五种方法

最新推荐文章于 2023-03-04 15:47:50 发布

weixin_34133829

最新推荐文章于 2023-03-04 15:47:50 发布

阅读量322

点赞数

原文链接：http://www.cnblogs.com/TBW-Superhero/p/6477256.html

版权

第一种，OnClientClick (vs2003不支持这个方法)
<asp:ButtonID="Button1" runat="server" Text="Button" OnClientClick="client_click()"OnClick="Button1_Click" />
client_click()就是javascript的一个方法。

例如：

functionaa() {

alert("aaa");

returnfalse; //返回false 就不执行button的后台代码

}

</script>

==================

<p><asp:Button ID="button11" runat="server" Text="button" OnClientClick="returnaa();"

οnclick="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函数

}

前台脚本：

function click1(a) {

alert("click1:"+ a);

returnfalse;

}

</script>

第六种使用Page.ClientScript.RegisterClientScriptInclude

许多开发人员把JavaScript放在一个.js文件中，这是一种最佳实践方式，因为这非常便于对应用程序进行全局的JavaScript修改。使用RegisterClientScriptInclude方法可以在ASP.NET页面上注册脚本文件，如下所示：

实例jsTest01.js文件中的代码：

function skyHellow()

{

alert("呵呵……，你成功了！");

}

实例前台代码：

<body>

<div>

<asp:Button ID="btnOK"runat="server" οnclick="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

转载于:https://www.cnblogs.com/TBW-Superhero/p/6477256.html

weixin_34133829

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【转】 C#后台调用前台javascript的五种方法

第一种，OnClientClick (vs2003不支持这个方法)<asp:ButtonID="Button1" runat="server" Text="Button" OnClientClick="client_click()"OnClick="Button1_Click" />client_click()就是javascript的一个方法。例如：<scr...
复制链接

扫一扫