asp.net 与 JavaScript 相关
一,JavaScript的调用
1,第一种方式:
新建一个JS文件-->在设计文件的<head></head>中加入<Script language ="javascript" src ="XXXX.js" ></script>
例,为一个控件加入ONCLICK事件
HTML控件,<input type = "Button" value = "test1" onclick = "JS函数"></input>
服务器控件,在Page_Load中加入btnTest.Attributes["onclick"] = "JS函数";
2,第二种方式:
直接在控件中加入即可,
例,btnXXXX.Attributes.Add("onclick","javascript:return alert(‘hello world!’);");
3,第三种方式:
同方式一,只是将js函数写在页面以内;
4,第四种方式: 使用服务器控件的onclientclick属性,功效同2;
二,ASP.NET中前台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里用可以调用
前台脚本
<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="FunctionName"> 〈!--用来存储你要调用的函数 --〉
在.CS里有:
public Page_OnLoad()
{
if (!Page.IsPost())
{
string strFunName=Request.Form["FunctionName"]!=null?Request.Form["FunctionName"]:"";
//根据传回来的值决定调用哪个函数
switch(strFunName)
{
case "enter()":
enter() ; //调用该函数
break;
case "其他":
//调用其他函数
break;
default:
//调用默认函数
break;
}
}
}
public void enter()
{
//……比如计算某值
}
2,在JavaScript访问C#变量
方法一:1、通过页面上隐藏域访问
<input id="xx" type="hidden" runat="server">
方法二:如后台定义了PUBLIC STRING N; 前台js中引用该变量的格式为''或"++"
方法三:或者你可以在服务器端变量赋值后在页面注册一段脚本
"<script language='javascript'>var temp=" + tmp + "</script>"
tmp是后台变量,然后js中可以直接访问temp获得值。
3,在C#中访问JavaScript的已有变量
方法一:1、前台使用静态文本控件隐藏域,将js变量值写入其中;2、后台用request["id"]来获取值;
方法二:用cookie或session来交换相关变量
4,在C#中访问JavaScript函数
方法一:1、
Page.RegisterStartupScript("xxx"," ");
方法二:使用Literal类,然后
private void btnUpload_Click(object sender, System.EventArgs e)
{
string str;
str=" ";
Literal1.Text=str;
}