.net与js交互

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.getElementByIdx(‘<%=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.getElementByIdx("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-11-08 15:36:59

.net与js交互的相关文章

WebView与Js交互

上周五,老大让暂时搞一个评分app,俩页面.第一个页面显示全部待评分的物业,第二个页面是相应物业的评分页面.评分页面是表格样式的,所以就让web端的同学写个html,我们通过Webview去展示. 这里不不过展示就完了,web页面须要知道我们点击的哪个物业以及所填评委的名字并显示在html上.所以client须要把这两个值传给html.当评委评分完后点击html里的提交button并提交成功后.client也须要进行响应.做法就是client提供接口,js代码去调用来获取值--JS调用Andro

android 与js交互

android与js交互 // 设置编码 webView.getSettings().setDefaultTextEncodingName("utf-8"); // 支持js webView.getSettings().setJavaScriptEnabled(true); //参数1为传递的android对象,参数2为传递对象的变量名称之后JS中使用变量名进行对对象的操作 webView.addJavascriptInterface(new TestJs(), "testO

UIWebView和WKWebView的使用及js交互

UIWebView和WKWebView的使用及js交互 web页面和app直接的交互是很常见的东西,之前尝试过flex和js的相互调用以及android和js的相互调用,却只有ios没试过,据说比较复杂.周末花了点时间研究了一下,确实和其他的不太一样,但是 也不见复杂. 要知道的事情 ios的webview有2个类,一个叫UIWebView,另一个是WKWebView.两者的基础方法都差不多,本文重点是后者,他是取代UIWebView出现的,在app开发者若不需要兼容ios8之前版本,都应该使用

UIWebView,WKWebView 与js交互

现在越来越多的APP需要进行网页之间的交互了,而在iOS中,加载网页的方式为UIWebView与WKWebView这两个控件. 今天就来讲一讲这两个控件怎么进行js交互吧.至于这两个控件之间的区别应该都懂..那我就不说了. 1.UIWebView - (nullable NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script; 在UIWebView中提供了这个方法,这个方法就是用来执行js的 <!DOCTYPE h

C#的WEBBROWSER与JS交互的方法(转载)

原地址:http://www.jb51.net/article/57574.htm 本文实例总结了C#的WEBBROWSER与JS交互的方法.分享给大家供大家参考.具体实现方法如下: 一.实现WebBrowser内部跳转,阻止默认打开IE 1.引用封装好的WebBrowserLinkSelf.dll实现 复制代码代码如下: public partial class MainWindow : Window{       private WebBrowser webBrowser = new Web

IOS Webview JS交互之事件拦截获取

最近项目中用到了webvVew,webView加载的网页中有两个按钮,要在app里面响应这两个按钮的点击事件,并接受JS传过来的参数. ios7 的时候,出来了一个新的类库叫JavaScriptCore.framework - (void)setupJsContent { //获取当前JS环境 _content = [_webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]; // 打印异

UIWebView和Js交互

在日常的ios项目开发中,我们经常会在原生应用中嵌入web页面,通常我们只是进行一个展示,没有其它的一些功能.但是也有一些项目中需要web页面中的html和native进行交互.但是ios sdk 并没有相应的方法来让我们做到js代码来和原生进行交互.但是webview在加载前会调用其一个delegate方法,通过监听- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request na

安卓高级 WebView的使用到 js交互

我们先来学习 怎么使用再到用js和安卓源生方法交互 WebView简单使用 此部分转载并做了补充 原博客 原因:比较简单不是很想在写,我只要写js交互部分 WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用. webview有两个方法:setWebChromeClient 和 setWebClient setWebClient:主要处理解析,渲染网页等浏览器做的事情 setWebChromeClient:辅助WebView处理Javascript的对话框,网站图标,网站ti

(转)Android与js交互实例(附源码)

本文转载于:http://blog.csdn.net/ithomer/article/details/8737999# Android 中可以通过webview来实现和js的交互,在程序中调用js代码,只需要将webview控件的支持js的属性设置为true Android(Java)与JavaScript(HTML)交互有四种情况: 1) Android(Java)调用HTML中js代码 2) Android(Java)调用HTML中js代码(带参数) 3) HTML中js调用Android(

iOS JS 交互之利用系统JSContext实现 JS调用oc方法

ios js 交互分为两块: 1.oc调用js 这一块实现起来比较简单, 我的项目中加载的是本地的html,js,css,需要注意的是当你向工程中拖入这些文件时,选择如下操作,(拖入的文件夹是蓝色的,相对路径),不然css,js 的路径会存在问题 加载本地html: oc调用js:一句代码搞定 2.js 调用oc js调用oc又分为两种: 1.js端是直接调用方法 这里就要说到ios7才推出的一个新的api    JavaScriptCore,首先我们引入这个类,并初始化一个JSContext对