ASP.NET0中客戶端javascipt腳本使用和交互

本文主要對中的使用方法進行一個簡單的總結性概述。1.使用OnClientClick屬性打開客戶端腳本,使用方法如下:

js腳本:

以下是代碼片段:

調用方法:以下是代碼片段:

2.動態註冊js腳本,下面介紹一下以下四個方法的含義與使用:

以下幾種方法都是派生自ClientScriptManager類,研究一下里面有幾十個方法,而且有些重載了.我拿最常用的方法講一下.

1) RegisterClientScriptBlock方法:將js區塊添加到頁面頂端,你可以以字符串形式創建這些js代碼,然後將它傳遞給添加網頁的方法。其對應的包含方法IsClientScriptBlockRegistered()

使用方法如下:

以下是代碼片段:

//動態創建js文件 

string info=""; 

info+="function showName(UserName)"; 

info+="{alert(’你的名字是:'+UserName);}"; 

//判斷myName是否已經被註冊 

if(!Page.ClientScript.IsClientScriptBlockRegistered(this.GetType(),"myName")) 

{ 

//動態註冊js 

Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"myName",info,true); 

} 

注意:可以查看一下生成頁面的代碼究竟怎樣的? 

2)RegisterClientScriptInclude方法:通過外部添加引用js腳本。其對應的包含方法IsClientScriptIncludeRegistered()

假如有一段這樣的info.js腳本,如下所示:

以下是代碼片段:

function showCity(City) 
{ 
alert("我愛我的:"+City); 
} 


引用它的例子,如下:

以下是代碼片段:

//動態註冊info.js的javascript文件 

//判斷是否已被註冊 

if(!ClientScript.IsClientScriptIncludeRegistered(this.GetType(),"myMessage")) 

{ 

//若沒有被註冊,剛將Info.js動態註冊 

Page.ClientScript.RegisterClientScriptInclude("myMessage","js/info.js"); 

} 


注意一下每一個方法的參數就可以了。

3)RegisterStartupScript方法:將js區塊添加當網頁完成加載,但是在引發網頁的onload事件之前,就會執行。其對應的包含方法IsStartupScriptRegistered。

使用它的例子

以下是代碼片段:

string info=""; 

if(!Page.ClientScript.IsStartupScriptRegistered("welcome")) 

{ 

Page.ClientScript.RegisterStartupScript(this.GetType(),"welcome",info); 

} 


4)RegisterOnSubmitStatement方法:添加執行以響應網頁onsubmit事件的js。其對應的包含方法IsOnSubmitStatementRegistered。

使用它的例子

以下是代碼片段:

string info="return confirm('你確認刪除?');"; 

if(!Page.ClientScript.IsOnSubmitStatementRegistered(this.GetType(),"myPage")) 
{ 
Page.ClientScript.RegisterOnSubmitStatement(this.GetType(),"myPage",info); 
} 

 注意一下這裏不用另外加<script>標籤,因爲系統已經幫你生成好了.

 

 

1.asp.net呼叫js
    
                     Response.Write("<script language=javascript>");
                     Response.Write("alert('博客歡迎您 ');" );
                     Response.Write("location.href='login.aspx';") ;
                     Response.Write("</script>") ; 
   在這裏情況下,你可以調用頁面中的JS腳本的函數都可以
 

2、js腳本如何訪問服務器控件的值
        界面上有一個TextBox控件,ID爲Name,js裏可以採用如下腳本取Name的值
        var myvalue=document.all('Name').value;

3、服務器控件如何取js中變量的值
       方法是在界面上放一個隱藏的控件HtmlInputHidden,然後設置爲以服務器控件運行,這樣在js腳本中和ASP.NET代碼裏都可以訪問到該控件的值
        js中給服務器控件賦值:
        var bt=document.all('Name').value;
        bt.value='名稱';
        ASP.NET中使用Name.Value來訪問。

4.前臺和後臺之間函數的調用

<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
    function callServer(arg){
        var oTb = document.getElementById('<%=editValue.ClientID %>');
        // arg中是傳給服務器的變量
        arg = oTb.value;
        <%=ClientScript.GetCallbackEventReference(this, "arg", "receiveServerResult", null, true)%>
    }
   
    function receiveServerResult(result){
        // 在這裏添加處理服務器返回結果的邏輯,result變量是服務器返回的結果
        alert(result);
    }
    </script>
...//此處省略部分代碼
    <asp:TextBox ID="editValue" runat="server" />
    <asp:Button ID="btnSubmit" runat="server" Text="Submit Data" OnClientClick="callServer();return false;" />

</head>

 


CS文件

C# code
//頁面類繼承ICallbackEventHandler接口,並實現其中的兩個方法
public partial class _Default : System.Web.UI.Page , ICallbackEventHandler
{
    private string m_strResult = "";

    #region ICallbackEventHandler Members

    public string GetCallbackResult()
    {
        // 返回服務器端處理結果給receiveServerResult方法
        return m_strResult;
    }

    public void RaiseCallbackEvent(string eventArgument)
    {
        // eventArgument是客戶端傳來的變量,對應arg變量
         // 在這裏添加服務器端處理邏輯...
        m_strResult = eventArgument;
    }

    #endregion
}

 

5.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裏用<%=fucntion()%>可以調用
               前臺腳本
                <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="FunName"> 〈!--用來存儲你要調用的函數 --〉

             在.CS裏有:
                 public Page_OnLoad()
                 {
                if (!Page.IsPost())
                  {
                     string strFunName=Request.Form["FunName"]!=null?Request.Form["FunName"]:"";
                    //根據傳回來的值決定調用哪個函數
                   switch(strFunName)
                    {
                      case "enter()":
                      enter() ; //調用該函數
                      break;
                      case "其他":
                      //調用其他函數
                      break;
                      default:
                      //調用默認函數
                      break;
                     }
                   }
                 }

                  public void enter()
                 {
                  //……比如計算某值
                  }

6.如何在JavaScript訪問C#變量?

方法一:1、通過頁面上隱藏域訪問<input id="xx" type="hidden" runat="server">
方法二:1、如後臺定義了PUBLIC STRING N; 前臺js中引用該變量的格式爲'<%=n%>'或"+<%=n%>+"
方法三:1、或者你可以在服務器端變量賦值後在頁面註冊一段腳本
            "<script language='javascript'>var temp=" + tmp + "</script>"
             tmp是後臺變量,然後js中可以直接訪問temp獲得值。
7.如何在C#中訪問JavaScript函數?
       c#代碼中執行javaScript函數:
             方法一:1、Page.RegisterStartupScript("ggg","<script>SetVisible(1); </script>");
             方法二:使用Literal類,然後
          private void Button2_Click(object sender, System.EventArgs e)
             {
         string str;
            str="<script language='javascript'>";
            str+="selectRange()";
           str+="</script>";
           //Literal1.Visible=true;
            Literal1.Text=str;
           }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章