http://www.blogjava.net/ebecket 返还网
随笔-140  评论-11  文章-131  trackbacks-0
C#代码与javaScript函数的相互调用
2009年09月29日 星期二 14:32

出处:http://dotnet.csdn.net/page/c6e71327-58f8-4300-a87d-476c6ac80c4e

        http://hi.baidu.com/chaobaojun/blog/item/f307146f314d05d380cb4a03.html

C#代码与javaScript函数的相互调用

问:
1.如何在JavaScript访问C#函数?
2.如何在JavaScript访问C#变量?
3.如何在C#中访问JavaScript的已有变量?
4.如何在C#中访问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里用<%=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()
{
//……比如计算某值
}

问题2.如何在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获得值。


3.如何在C#中访问JavaScript的已有变量?

答案如下:

方法一:1、前台使用静态文本控件隐藏域,将js变量值写入其中;
2、后台用request["id"]来获取值;举例:把变量给一个隐藏控件 如lable textbox等document.getElementById("textbox的id").value=js变量值 然后后台取 textbox.text

例:加一个textbox    id=text1
   js变量为 var i="测试";
js 里document.getElementById("text1").value=i;
后台取 就用text1.text;

方法二:可以用cookie或session;
4.如何在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;
}

文章出处:DIY部落(http://www.diybl.com/course/1_web/javascript/jsjs/200798/71020.html)

今天试着研究了一下服务器控件来控制JS代码(可见不仅仅HTML控件可以调用JS方法,服务器控件也可以调用JS方法),

  本人觉得有点实用,现分享如下:

  前台代码如下:

js方法:<script language="javascript">
function check()
{
  if(document.all("CheckBox1").checked==true)
  {
    alert("OK");
   //document.getElementById('TextBox1').style.visibility="hidden";
   document.all('TextBox1').style.display="none"; //两种方法均可控制TextBox的显示与隐藏。
  }
  else
  {
   //document.getElementById('TextBox1').style.visibility="visible";
   document.all('TextBox1').style.display="block"; //两种方法均可控制TextBox的显示与隐藏。
  }
}
</script>

  一个TextBox和一个CheckBox。效果通过点击CheckBox来控制TextBox的显示与隐藏。

<body>
  <form id="form1" runat="server">
  <div>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:CheckBox ID="CheckBox1" runat="server" />
  </div>
  </form>
</body>

  在后台页面来调用JS方法,如下:

protected void Page_Load(object sender, EventArgs e)
  {
    CheckBox1.Attributes.Add("onclick","check()");
  }

  一般常用的客户端调用的方法如下:

  JS方法不变,只是修改控件为HTML控件即可:

<body>
  <form id="form1" runat="server">
  <div>
    &nbsp;<input id="TextBox1" type="text" />
    <input id="Checkbox1" type="checkbox" onclick="check()" />
  
  </div>
  </form>
</body>

  另外还有两种方法,

  (1).直接在服务器控件后面加上onclick事件,后台不写代码。也行,如下:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:CheckBox ID="CheckBox1" runat="server" onclick="check()" />

  (2).在工具箱中拖两个HTML控件,然后鼠标右键,选“作为服务器控件运行”如下:

   <input id="TextBox1" type="text" runat="server" />
  <input id="Checkbox1" type="checkbox" runat="server" />

  然后再在后台页面来调用JS方法,如下:

protected void Page_Load(object sender, EventArgs e)
  {
    CheckBox1.Attributes.Add("onclick","check()");
  }

posted on 2009-11-13 15:18 becket_zheng 阅读(756) 评论(0)  编辑  收藏 所属分类: C#

只有注册用户登录后才能发表评论。


网站导航: