ASP.NET 后台调用前台javascript 的方法

从服务端调用客户端函数来操作,也就是在asp.net中调用javascript脚本中已经定义好的脚本函数。一般有以下几种方法


1. Response.Write : 比如在你单击按钮,先操作数据库,完了后显示已经完成,可以在最后想调用的地方写上如下代码:


     Response.Write("<script type='text/javascript'> alert();</script>");

这个方法缺陷就是不能调用脚本文件中自定义的函数,只能调用内部函数,具体调用自定义的函数只能在Response.write上写上函数定义,比如:


    Response.Write("<script type='text/javascript'>function myFunc(){...}</script>");


2.用ClientScript类动态添加脚本: 用法如下:在想调用某个javascript脚本函数的地方添加代码,注意要保证MyFun已经在脚本文件中定义过了。


    ClientScript.RegisterStartupScript(ClientScript.GetType(),"myscript","<script> MyFun();</script>");

注意,这里一般有两种方法,在NET4.0之前是使用page.registerclientscriptblock去注册脚本,但在.NET4.0使用时会提示 page.registerclientscriptblock已过时,具体解决办法是使用ClientScript类,但有的时候,在使用框架时,大家总希望功能页总在框架中显示,但是在每一个页面都去写判断的JS脚本,会很麻烦,这时可以让所有页面都去继承一个基类,在基类中使用注册脚本的方式让每一个页面都显示在框架中,代码如下:


  public class RoleBase:System.Web.UI.Page

  {  

public RoleBase() {  this.Load+=new EventHandler(RoleBase_Load);  }

   void RoleBase_Load(object sender,EventArgs e){  

              //向客户端注册只能在框架中打开页面的脚本

Type cstype=this.GetType();

                 string Script="if(window.top.location.href.toLowerCase().indexOf(\"default.aspx\")==-1{";

           Script+="window.top.location.href=\"/admin/default.aspx\";}";


               System.Web.UI.ClientScriptManager cs=Page.ClientScript;

if(!cs.IsStartupScriptRegistered(cstype,"top"))

 {         cs.RegisterStartupScript(cstype,"top",Script,true);  }


            //判断用户是否有权限访问页面或功能

       if(!IsAdministrator())

{

     Response.Redirect("/HttpError/Error.aspx");

  Response.End();

}

}

public bool IsAdministrator()

{

   return true;

}

}


这样每个页面都去继承这个类,就可以达到在框架中显示每一个页面了


3. 普通的添加控件的Attributes属性

在使用了ASP.NET控件后,希望点击控件触发JAVASCRIPT脚本,那么只需要在后台代码中添加如下代码即可。

Button1.ATTRIBUTES.ADD("onclick","MyFunc();");

对于这种方式,只能在Onload中或类似于onload的初始化过程中添加才有效。而且是先执行脚本函数,无法改变执行顺序。注意,以上所有方法中,后台代码都不能有转化

当前页的代码,比如Redirect等,要把转页代码放在脚本里面。

阅读更多
个人分类: ASP.NET
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

ASP.NET 后台调用前台javascript 的方法

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭