【转】 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

posted @ 2017-02-28 08:57  阿文sky  阅读(7579)  评论(0编辑  收藏  举报