asp.net 与 JavaScript 相关

一,JavaScript的调用     

     1,第一种方式:       

                新建一个JS文件-->在设计文件的<head></head>中加入<Script language ="javascript" src ="XXXX.js" ></script>          

                例,为一个控件加入ONCLICK事件            

               HTML控件,<input type = "Button" value = "test1" onclick = "JS函数"></input>            

               服务器控件,在Page_Load中加入btnTest.Attributes["onclick"] = "JS函数";            

      2,第二种方式:            

          直接在控件中加入即可,        

          例,btnXXXX.Attributes.Add("onclick","javascript:return   alert(‘hello world!’);");              

       3,第三种方式:           

          同方式一,只是将js函数写在页面以内;       

       4,第四种方式:            使用服务器控件的onclientclick属性,功效同2;  

 

二,ASP.NET中前台javascript与后台代码调用    

          1,在JavaScript访问C#函数

               方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;

                      2、在前台写一个js函数,内容为document.getElementById("btn1").click();

                      3、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;

  方法二:1、函数声明为public

            后台代码(把public改成protected也可以)

public string ss()
  {
    return("a");
  }

  2、在html里用可以调用

  前台脚本

<script language=javascript>

  var a = "<%=ss()%>";

  alert(a);

</script>

  方法三:1、

<script language="javascript">

  <!--

  function __doPostBack(eventTarget, eventArgument)

  {

    var theForm = document.Form1; //指runat=server的form

    theForm.__EVENTTARGET.value = eventTarget;

    theFrom.__EVENTARGUMENT.value = eventArgument;

    theForm.submit();

  }

  -->

  </script>

  <input id="Button1" type="button" name="Button1" value="按钮" onclick="javascript:__doPostBack('Button1','')">

  方法四:

<script language="javascript">

  function SubmitKeyClick()

  {

    if (event.keyCode == 13)

    {

      event.cancelBubble = true;

      event.returnValue = false;

      document.all.FunName.value="你要调用的函数名";

      document.form[0].submit();

    }

  }

  </script>

  <INPUT onkeypress="SubmitKeyClick()" id="aaa" type="text">

  <input type="hidden" name="FunctionName"> 〈!--用来存储你要调用的函数 --〉

  在.CS里有:

public Page_OnLoad()
  {
    if (!Page.IsPost())
    {
      string strFunName=Request.Form["FunctionName"]!=null?Request.Form["FunctionName"]:"";
      //根据传回来的值决定调用哪个函数
      switch(strFunName)
      {
        case "enter()":
        enter() ; //调用该函数
        break;
        case "其他":
        //调用其他函数
        break;
        default:
        //调用默认函数
        break;
      }
    }
  }
  public void enter()
  {
    //……比如计算某值
  }
 

     

2,在JavaScript访问C#变量

            方法一:1、通过页面上隐藏域访问

            <input id="xx" type="hidden" runat="server">

    方法二:如后台定义了PUBLIC STRING N; 前台js中引用该变量的格式为''或"++"

     方法三:或者你可以在服务器端变量赋值后在页面注册一段脚本

                  "<script language='javascript'>var temp=" + tmp + "</script>"

     tmp是后台变量,然后js中可以直接访问temp获得值。

 3,在C#中访问JavaScript的已有变量

           方法一:1、前台使用静态文本控件隐藏域,将js变量值写入其中;2、后台用request["id"]来获取值;

        方法二:用cookie或session来交换相关变量

4,在C#中访问JavaScript函数

            方法一:1、

            Page.RegisterStartupScript("xxx"," ");

        方法二:使用Literal类,然后

       private void btnUpload_Click(object sender, System.EventArgs e)
  {
    string str;
    str=" ";
      Literal1.Text=str;
  }

posted on 2009-03-18 11:38  leeyon  阅读(246)  评论(0编辑  收藏  举报

Leeyon&&&&&&&&&&&&&Anje