ASP.NET0中客户端javascipt脚本使用和交互
2012-04-07 10:49
357 查看
本文主要对中的使用方法进行一个简单的总结性概述。1.使用OnClientClick属性打开客户端脚本，使用方法如下:
js脚本:
以下是代码片段：
调用方法:以下是代码片段：
2.动态注册js脚本，下面介绍一下以下四个方法的含义与使用:
以下几种方法都是派生自ClientScriptManager类，研究一下里面有几十个方法，而且有些重载了.我拿最常用的方法讲一下.
1) RegisterClientScriptBlock方法:将js区块添加到页面顶端，你可以以字符串形式创建这些js代码，然后将它传递给添加网页的方法。其对应的包含方法IsClientScriptBlockRegistered()
使用方法如下:
以下是代码片段：
2)RegisterClientScriptInclude方法:通过外部添加引用js脚本。其对应的包含方法IsClientScriptIncludeRegistered()
假如有一段这样的info.js脚本，如下所示:
以下是代码片段：
引用它的例子，如下:
以下是代码片段：
注意一下每一个方法的参数就可以了。
3)RegisterStartupScript方法：将js区块添加当网页完成加载，但是在引发网页的onload事件之前，就会执行。其对应的包含方法IsStartupScriptRegistered。
使用它的例子
以下是代码片段：
4)RegisterOnSubmitStatement方法：添加执行以响应网页onsubmit事件的js。其对应的包含方法IsOnSubmitStatementRegistered。
使用它的例子
以下是代码片段：
注意一下这里不用另外加<script>标签，因为系统已经帮你生成好了.
1.asp.net呼叫js
Response.Write("<script language=javascript>");
Response.Write("alert('博客欢迎您 ');" );
Response.Write("location.href='login.aspx';") ;
Response.Write("</script>") ;
在这里情况下,你可以调用页面中的JS脚本的函数都可以
2、js脚本如何访问服务器控件的值
界面上有一个TextBox控件，ID为Name，js里可以采用如下脚本取Name的值
var myvalue=document.all('Name').value;
3、服务器控件如何取js中变量的值
方法是在界面上放一个隐藏的控件HtmlInputHidden，然后设置为以服务器控件运行，这样在js脚本中和ASP.NET代码里都可以访问到该控件的值
js中给服务器控件赋值：
var bt＝document.all('Name').value;
bt.value='名称';
ASP.NET中使用Name.Value来访问。
4.前台和后台之间函数的调用
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function callServer(arg){
var oTb = document.getElementById('<%=editValue.ClientID %>');
// arg中是传给服务器的变量
arg = oTb.value;
<%=ClientScript.GetCallbackEventReference(this, "arg", "receiveServerResult", null, true)%>
}
function receiveServerResult(result){
// 在这里添加处理服务器返回结果的逻辑，result变量是服务器返回的结果
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
//页面类继承ICallbackEventHandler接口，并实现其中的两个方法
public partial class _Default : System.Web.UI.Page , ICallbackEventHandler
{
private string m_strResult = "";
#region ICallbackEventHandler Members
public string GetCallbackResult()
{
// 返回服务器端处理结果给receiveServerResult方法
return m_strResult;
}
public void RaiseCallbackEvent(string eventArgument)
{
// eventArgument是客户端传来的变量，对应arg变量
// 在这里添加服务器端处理逻辑...
m_strResult = eventArgument;
}
#endregion
}
5.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()
{
//……比如计算某值
}
6.如何在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获得值。
7.如何在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;
}
js脚本:
以下是代码片段：
调用方法:以下是代码片段：
2.动态注册js脚本，下面介绍一下以下四个方法的含义与使用:
以下几种方法都是派生自ClientScriptManager类，研究一下里面有几十个方法，而且有些重载了.我拿最常用的方法讲一下.
1) RegisterClientScriptBlock方法:将js区块添加到页面顶端，你可以以字符串形式创建这些js代码，然后将它传递给添加网页的方法。其对应的包含方法IsClientScriptBlockRegistered()
使用方法如下:
以下是代码片段：
//动态创建js文件
string info="";
info+="function showName(UserName)";
info+="{alert(’你的名字是:'+UserName);}";
//判断myName是否已经被注册
if(!Page.ClientScript.IsClientScriptBlockRegistered(this.GetType(),"myName"))
{
//动态注册js
Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"myName",info,true);
}注意:可以查看一下生成页面的代码究竟怎样的?
2)RegisterClientScriptInclude方法:通过外部添加引用js脚本。其对应的包含方法IsClientScriptIncludeRegistered()
假如有一段这样的info.js脚本，如下所示:
以下是代码片段：
function showCity(City)
{
alert("我爱我的:"+City);
}引用它的例子，如下:
以下是代码片段：
//动态注册info.js的javascript文件
//判断是否已被注册
if(!ClientScript.IsClientScriptIncludeRegistered(this.GetType(),"myMessage"))
{
//若没有被注册，刚将Info.js动态注册
Page.ClientScript.RegisterClientScriptInclude("myMessage","js/info.js");
}注意一下每一个方法的参数就可以了。
3)RegisterStartupScript方法：将js区块添加当网页完成加载，但是在引发网页的onload事件之前，就会执行。其对应的包含方法IsStartupScriptRegistered。
使用它的例子
以下是代码片段：
string info="";
if(!Page.ClientScript.IsStartupScriptRegistered("welcome"))
{
Page.ClientScript.RegisterStartupScript(this.GetType(),"welcome",info);
}4)RegisterOnSubmitStatement方法：添加执行以响应网页onsubmit事件的js。其对应的包含方法IsOnSubmitStatementRegistered。
使用它的例子
以下是代码片段：
string info="return confirm('你确认删除?');";
if(!Page.ClientScript.IsOnSubmitStatementRegistered(this.GetType(),"myPage"))
{
Page.ClientScript.RegisterOnSubmitStatement(this.GetType(),"myPage",info);
}注意一下这里不用另外加<script>标签，因为系统已经帮你生成好了.
1.asp.net呼叫js
Response.Write("<script language=javascript>");
Response.Write("alert('博客欢迎您 ');" );
Response.Write("location.href='login.aspx';") ;
Response.Write("</script>") ;
在这里情况下,你可以调用页面中的JS脚本的函数都可以
2、js脚本如何访问服务器控件的值
界面上有一个TextBox控件，ID为Name，js里可以采用如下脚本取Name的值
var myvalue=document.all('Name').value;
3、服务器控件如何取js中变量的值
方法是在界面上放一个隐藏的控件HtmlInputHidden，然后设置为以服务器控件运行，这样在js脚本中和ASP.NET代码里都可以访问到该控件的值
js中给服务器控件赋值：
var bt＝document.all('Name').value;
bt.value='名称';
ASP.NET中使用Name.Value来访问。
4.前台和后台之间函数的调用
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function callServer(arg){
var oTb = document.getElementById('<%=editValue.ClientID %>');
// arg中是传给服务器的变量
arg = oTb.value;
<%=ClientScript.GetCallbackEventReference(this, "arg", "receiveServerResult", null, true)%>
}
function receiveServerResult(result){
// 在这里添加处理服务器返回结果的逻辑，result变量是服务器返回的结果
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
//页面类继承ICallbackEventHandler接口，并实现其中的两个方法
public partial class _Default : System.Web.UI.Page , ICallbackEventHandler
{
private string m_strResult = "";
#region ICallbackEventHandler Members
public string GetCallbackResult()
{
// 返回服务器端处理结果给receiveServerResult方法
return m_strResult;
}
public void RaiseCallbackEvent(string eventArgument)
{
// eventArgument是客户端传来的变量，对应arg变量
// 在这里添加服务器端处理逻辑...
m_strResult = eventArgument;
}
#endregion
}
5.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()
{
//……比如计算某值
}
6.如何在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获得值。
7.如何在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;
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用asp.net开发客户端脚本代码(Chinese ,from csdn)
- [导入]Asp.net中使用客户端脚本的方法
- 客户端使用javascript脚本无法获取“ASP.NET_SessionId”的Cookies
- （学习Asp.net Ajax笔记一）使用 Microsoft AJAX Library 创建自定义客户端脚本之一
- ASP.NET AJAX入门系列：使用客户端脚本对UpdateProgress编程
- ASP.NET - 演练：使用客户端脚本全球化日期
- ASP.NET 2.0中客户端脚本的使用方法
- 在asp.net中使用客户端脚本
- ASP.NET - 使用 Microsoft AJAX Library 创建自定义客户端脚本
- 绝对酷，如何解决asp.net中javascript脚本的问题（使用服务器控件执行客户端脚本）
- 在asp.net中使用客户端脚本
- 绝对酷，如何解决asp.net中javascript脚本的问题（使用服务器控件执行客户端脚本）
- asp.net中的联动菜单------使用客户端脚本JavaScript
- ASP.NET 中使用 客户端脚本
- 使用ASP.NET建立并控制客户端脚本的四种方法
- 在asp.net后台使用客户端脚本
- 教你50招提升ASP.NET性能（八）：检查你使用了什么客户端脚本
- asp.net技巧点滴（一):在asp.net中使用客户端脚本
- ASP.NET 使用客户端脚本
- Asp.net 基础4（自定义控件的使用之客户端脚本生成）