.net 与 javascript脚本的几种交互方法

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;

  }

时间: 2024-12-30 01:49:46

.net 与 javascript脚本的几种交互方法的相关文章

由ORACLE_SID想到脚本的四种运行方法

以前学习脚本知道一个概念,关于脚本运行方式的问题,我们熟知的脚本运行方式有以下几种: (1)../script.sh (点斜线脚本) (2).sh script.sh (sh空格脚本) (3).source script.sh (source空格脚本) (4).. script.sh (点空格脚本) 先写个简单的脚本,把执行结果贴在下面,然后分别对这几种脚本运行方式作解释. script.sh内容如下: ------------------------------- #!/bin/bash ec

JavaScript 面向对象的几种实现方法

JavaScript面向对象的几种实现方法 工厂模式 1 function createBlog(name, url) { 2 var o = new Object(); 3 o.name = name; 4 o.url = url; 5 o.sayUrl= function() { 6 alert(this.url); 7 } 8 return o; 9 } 10 var blog1 = createBlog('wuyuchang', 'http://www.jb51.net/'); 优点:实

Javascript数组的5种迭代方法

#Javascript数组的5种迭代方法 数组当中定义了5个迭代方法,传入这些方法中的函数会接受三个参数,数组项的值,该项在数组的位置,和数组对象本身,以下是5个迭代方法的作用. 1.every方法: 对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true. let arr1 = [1,2,3,4,5,6]; let arr2 = [-1,-2,-3,-4,-5,-6]; let every1 = arr1.every((item,index,arr)=>{ return

ASP.NET CS文件中输出JavaScript脚本的3种方法以及区别

Response.Write 与   Page.ClientScript.RegisterStartupScript 与 Page.ClientScript.RegisterClientScriptBlock 之间的区别 方法1,使用Response.Write,这种方法会把JS代码写在页面的最顶部(<html>的前面):System.Web.HttpContext.Current.Response.Write("<script language=javascript>a

shell脚本的三种执行方法

1.bash 脚本或者sh 脚本 2../脚本 3.. 脚本或者source 脚本 说明.或者source是内建命令 第一种方法是脚本没有执行权限的时候使用 第二种方法是当前路径下执行脚本但必须有可以行权限 第三种方法在当前进程运行即父进程下运行,而前两种方法在父进程下创建子进程运行脚本 举个小例子表示区别: 因为前两种执行脚本方法是在当前父进程下创建子进程执行shel脚本,定义的内容不会返回到父进程,而第三种方法是在父进程下直接执行脚本,可以返回定义的内容. vim /etc/init.d/c

JavaScript函数的4种调用方法详解

在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用.函数有四种调用模式,分别是:函数调用形式.方法调用形式.构造器形式.以及apply形式.这里所有的调用模式中,最主要的区别在于关键字 this 的意义,下面分别介绍这个几种调用形式. 本文主要内容: 1.分析函数的四种调用形式2.弄清楚函数中this的意义3.明确构造函对象的过程4.学会使用上下文调用函数 一.函数调用形式 函数调用形式是最常见的形式,也是最

JavaScript 对象的几种创建方法

1 /** 2 * Created by 2016 on 2016/6/4. 3 */ 4 function Box(){ 5 var obj = new obj(); 6 obj.name = "Lee"; 7 obj.run = function(){ 8 return this.name+"run"; 9 }; 10 return obj; 11 } 12 var B = Box(); 13 //工厂模式创建对象 在对象中创建obj,在最后返回obj对象 14

javascript中的几种遍历方法浅析

1. for...in 用于对数组或者对象的属性的可枚举属性进行循环操作.注意该对象来自原型链上的可枚举属性也会被循环.下面看例子 var arr = ["lee","hello","zhangsan"];for(var i in arr) { console.log(arr[i]);//lee hello zhangsan}数组也是对象 也可以添加自己的属性 我们为arr添加一个name属性 arr.name = “安妮宝贝” for(var

JavaScript数组的三种定义方法

数组的定义: 1 <script type="text/javascript"> 2 // <!--声明数组--> 3 // 1.先声明数组长度,后进行赋值 4 var arr=new Array(5); 5 document.write("数组长度为:"+arr.length+"<br/>"); 6 var num=4; 7 for(var i=0;i<arr.length;i++){ 8 num=nu