快捷導(dǎo)航

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

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

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

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

1.asp.net呼叫js

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

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

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

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

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

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

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

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

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

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

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

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

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

bt.value='名稱(chēng)';

ASP.NET中使用Name.Value來(lái)訪問(wèn)。

4.前臺(tái)和后臺(tái)之間函數(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ù)制代碼代碼如下:

//頁(yè)面類(lèi)繼承ICallbackEventHandler接口，并實(shí)現(xiàn)其中的兩個(gè)方法

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是客戶(hù)端傳來(lái)的變量，對(duì)應(yīng)arg變量

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

m_strResult = eventArgument;

}

#endregion

}

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

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

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

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

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

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

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

public string ss()

{

return("a");

}

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

復(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"> <!--用來(lái)存儲(chǔ)你要調(diào)用的函數(shù) -->

在.CS里有：

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

public Page_OnLoad()

{

if (!Page.IsPost())

{

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

//根據(jù)傳回來(lái)的值決定調(diào)用哪個(gè)函數(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()

{

//……比如計(jì)算某值

}

6.在JavaScript訪問(wèn)C#變量

方法一：通過(guò)頁(yè)面上隱藏域訪問(wèn)

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

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

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

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

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

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

方法二：使用Literal類(lèi)，然后

復(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;

}

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

您可能感興趣的文章: