本文详细解析ASP.NET中C#后端与JavaScript前端互相调用的多种实现方式。涵盖从JS触发C#事件、JS读取C#变量、C#访问JS变量及C#执行JS函数的四种场景，提供包括按钮模拟、__doPostBack、隐藏域传递及RegisterStartupScript等具体代码方案，帮助开发者解决前后端数据与逻辑交互问题。
ASP.NET页面地址获取与基础调用
获取ASPX页面客户端请求地址的方法如下：
具体实现代码如下：
<a src= 'http://<%=Request.Url.Host %><%= ResolveUrl("../PayCenter/AlipayAdd.aspx")%>'>地址</a>二、在C#后端代码中调用前端JavaScript方法：注意，若需操作父窗体，需使用top.window.document；若MainFrame对象位于当前窗体，则无需添加top.window.document前缀。
前端JavaScript定义的方法如下：
代码示例如下：
function navurl(url) {
$("#mainFrame",top.window.document).attr("src", url);
} 三、C#后端调用上述JS方法的实现：
代码示例如下：
string navUrl = "javascript:navurl('" + "http://" + Request.Url.Host + ResolveUrl("../Document/callIndex.aspx?FolderId=");
DocName.NavigateUrl = navUrl + txtDocId.Value.Trim() + "')";四、C#后端调用前端JS方法的另一种方式：
代码示例如下：
page.ClientScript.RegisterStartupScript(page.GetType(), "message", "<script language='javascript'>alert('" + msg.ToString() + "');</script>");JavaScript与C#互相调用的四大核心问题
接下来解决以下四个核心问题：
一、如何在JavaScript中调用C#函数？
二、如何在JavaScript中访问C#变量？
三、如何在C#代码中访问JavaScript已有的变量？
四、如何在C#代码中调用JavaScript函数？
JavaScript调用C#函数的四种方案
问题一的解决方案如下：
通过JavaScript函数执行C#后台代码中的方法：
方案一：
1、首先创建一个按钮控件，将需要调用或处理的逻辑写入后台的button_click事件中；
2、在前台编写一个JS函数，内容为document.getElementById("btn1").click();
3、在前台或后台调用该JS函数以触发click事件，从而等同于访问后台的C#函数；
方案二：
1、将C#函数声明为public
后台代码（将public改为protected亦可）
public string ss()
{
return("a");
}
2、在HTML中通过以下方式调用前台脚本
<script language=javascript>
var a = "<%=ss()%>";
alert(a);
</script>
方案三：
<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()
{
//……比如计算某值
}
JavaScript访问C#变量的方法
问题二：如何在JavaScript中访问C#变量？
解决方案如下：
方案一：1、通过页面隐藏域访问 <input id="xx" type="hidden" runat="server">
方案二：1、如后台定义了PUBLIC STRING N; 前台js中引用该变量的格式为''或"++"
方案三：1、或者你可以在服务器端变量赋值后在页面注册一段脚本
"<script language='javascript'>var temp=" + tmp + "</script>"
tmp是后台变量，然后js中可以直接访问temp获得值。
C#访问JavaScript变量与函数的实现
问题三：如何在C#中访问JavaScript的已有变量？
解决方案如下：
方案一：1、前台使用静态文本控件隐藏域，将js变量值写入其中;2、后台用request["id"]来获取值;
方案二：可以使用cookie或session
问题四：如何在C#中访问JavaScript函数？
解决方案如下：
C#代码中执行javaScript函数：
方案一：1、
Page.RegisterStartupScript("ggg"," ");
方案二：使用Literal类，然后
private void Button2_Click(object sender, System.EventArgs e)
{
string str;
str=" ";
//Literal1.Visible=true;
Literal1.Text=str;
}