快捷導(dǎo)航

.net與javascript腳本的交互方法總結(jié)

更新時間：2014年10月15日 09:56:12 投稿：shichen2014

這篇文章主要介紹了.net與javascript腳本的交互方法,實(shí)例講述了.net訪問javascript的方法與javascript訪問.net的方法,非常具有實(shí)用價值,需要的朋友可以參考下

本文實(shí)例總結(jié)了.net與javascript腳本的交互方法，分享給大家供大家參考。具體方法如下：

1.asp.net呼叫js

Response.Write("<script language=javascript>");

Response.Write("alert('登峰歡迎您 ');" );

Response.Write("location.href='login.aspx';") ;

Response.Write("</script>") ;

在這里情況下,你可以調(diào)用頁面中的JS腳本的函數(shù)都可以

2、js腳本如何訪問服務(wù)器控件的值

界面上有一個TextBox控件，ID為Name，js里可以采用如下腳本取Name的值

復(fù)制代碼代碼如下:

var myvalue=document.all('Name').value;

3、服務(wù)器控件如何取js中變量的值
方法是在界面上放一個隱藏的控件HtmlInputHidden，然后設(shè)置為以服務(wù)器控件運(yùn)行，這樣在js腳本中和ASP.NET代碼里都可以訪問到該控件的值
js中給服務(wù)器控件賦值：

復(fù)制代碼代碼如下:

var bt＝document.all('Name').value;

bt.value='名稱';

ASP.NET中使用Name.Value來訪問。

4.前臺和后臺之間函數(shù)的調(diào)用

復(fù)制代碼代碼如下:

<head runat="server">

<title>Untitled Page</title>

<script type="text/javascript">

function callServer(arg){

var oTb = document.getElementById('<%=editValue.ClientID %>');

// arg中是傳給服務(wù)器的變量

arg = oTb.value;

<%=ClientScript.GetCallbackEventReference(this, "arg", "receiveServerResult", null, true)%>

}

function receiveServerResult(result){

// 在這里添加處理服務(wù)器返回結(jié)果的邏輯，result變量是服務(wù)器返回的結(jié)果

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

復(fù)制代碼代碼如下:

//頁面類繼承ICallbackEventHandler接口，并實(shí)現(xiàn)其中的兩個方法

public partial class _Default : System.Web.UI.Page , ICallbackEventHandler

{

private string m_strResult = "";

#region ICallbackEventHandler Members

public string GetCallbackResult()

{

// 返回服務(wù)器端處理結(jié)果給receiveServerResult方法

return m_strResult;

}

public void RaiseCallbackEvent(string eventArgument)

{

// eventArgument是客戶端傳來的變量，對應(yīng)arg變量

// 在這里添加服務(wù)器端處理邏輯...

m_strResult = eventArgument;

}

#endregion

}

5.javaScript函數(shù)中執(zhí)行C#代碼中的函數(shù)：

方法一：
①、首先建立一個按鈕，在后臺將調(diào)用或處理的內(nèi)容寫入button_click中;
②、在前臺寫一個js函數(shù)，內(nèi)容為

復(fù)制代碼代碼如下:

document.getElementById("btn1").click();

③、在前臺或后臺調(diào)用js函數(shù)，激發(fā)click事件，等于訪問后臺c#函數(shù)；

方法二：
①、函數(shù)聲明為public
后臺代碼(把public改成protected也可以)

復(fù)制代碼代碼如下:

public string ss()

{

return("a");

}

②、在html里用<%=fucntion()%>可以調(diào)用
前臺腳本

復(fù)制代碼代碼如下:

<script language=javascript>

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

alert(a);

</script>

方法三：
①、

復(fù)制代碼代碼如下:

<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','')">

方法四：

復(fù)制代碼代碼如下:

<script language="javascript">

function SubmitKeyClick()

{

if (event.keyCode == 13)

{

event.cancelBubble = true;

event.returnValue = false;

document.all.FunName.value="你要調(diào)用的函數(shù)名"；

document.form[0].submit();

}

}

</script>

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

<input type="hidden" name="FunName"> <!--用來存儲你要調(diào)用的函數(shù) -->

在.CS里有：

復(fù)制代碼代碼如下:

public Page_OnLoad()

{

if (!Page.IsPost())

{

string strFunName=Request.Form["FunName"]!=null?Request.Form["FunName"]:"";

//根據(jù)傳回來的值決定調(diào)用哪個函數(shù)

switch(strFunName)

{

case "enter()":

enter() ; //調(diào)用該函數(shù)

break;

case "其他":

//調(diào)用其他函數(shù)

break;

default:

//調(diào)用默認(rèn)函數(shù)

break;

}

}

}

public void enter()

{

//……比如計算某值

}

6.在JavaScript訪問C#變量

方法一：通過頁面上隱藏域訪問

復(fù)制代碼代碼如下:

方法二：如后臺定義了PUBLIC STRING N; 前臺js中引用該變量的格式為'<%=n%>'或"+<%=n%>+"
方法三：或者你可以在服務(wù)器端變量賦值后在頁面注冊一段腳本
"<script language='javascript'>var temp=" + tmp + "</script>"
tmp是后臺變量，然后js中可以直接訪問temp獲得值。

7.在C#中訪問JavaScript函數(shù)

c#代碼中執(zhí)行javaScript函數(shù)：
方法一：

復(fù)制代碼代碼如下:

Page.RegisterStartupScript("ggg","<script>SetVisible(1); </script>");

方法二：使用Literal類，然后

復(fù)制代碼代碼如下:

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;

}

希望本文所述對大家的C#程序設(shè)計有所幫助。

您可能感興趣的文章: