`
uule
  • 浏览: 6349141 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

C#后台调用前台javascript的五种方法

 
阅读更多

第一种,OnClientClick    (vs2003不支持这个方法)
<asp:Button ID="Button1" runat="server" Text="Button"  OnClientClick="client_click()" OnClick="Button1_Click"  />
client_click() 就是javascript的一个方法。

第二种,Button1.Attributes.Add("onclick", "return Client_Click()");
“Client_Click() “是一个前台方法,可以替换成一般的脚本如:retrun confirm('确定删除吗?')

第三种,ClientScript.RegisterStartupScript 直接执行JS
例子:StringBuilder sb = new StringBuilder();
        sb.Append("<script language='javascript'>");
        sb.Append("Button2_onclick('" + serverPath + "')");
        sb.Append("</script>");
        ClientScript.RegisterStartupScript(this.GetType(), "LoadPicScript", sb.ToString());

第四种. 用Response.Write方法写入脚本
比如在你单击按钮后,先操作数据库,完了后显示已经完成,可以在最后想调用的地方写上
Response.Write("<script type='text/javascript'>alert();</script>");

这 个方法有个缺陷就是不能调用脚本文件中的自定义的函数,只能调用内部函数,具体调用自定义的函数只能在Response.Write写上函数定义,比如 Response.Write("<script type='text/javascript'>function myfun(){...}</script>");

 


第五种 ClientScript.RegisterStartupScript 调用前台JS函数脚本
    用法如下:在想调用某个javascript脚本函数的地方添加代码,注意要保证MyFun已经在脚本文件中定义过了。
    ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>");
这个方法比Response.Write更方便一些,可以直接调用脚本文件中的自定义函数。

 

 

用JS取本页面中的服务器端控件值:

function a()
 {
	var i;
	i=document.getElementById('<%=服务器控件id.ClientID %>').value;   
	//取Label控件值
	document.getElementById('<%=lblUserName.ClientID %>').innerText=i;
 } 

 用JS取自定义用户控件(**.ascx)中的服务器控件值:

function b()
{
     //.ascx用户控件在本页面上的id,即<uc>标签中的ID名称,再加上.ascx页面里面的服务器控件ID
     //并用"_"连 接
	 
     var j=document.getElementById('<%=UC的ID.ClientID %>'+"_txtID").value;//TextBox
     //在取Label控件的值时改用下面的写法,可能有些朋友也用了上面的写法,所以取不到吧……
     var jj=document.getElementById('<%=UC的ID.ClientID %>'+"_txtID").innerHTML;  //Label
}

 。。

 

分享到:
评论

相关推荐

    JAVA培训C#后台调用前台javascript的五种方法.pdf

    以下就是五种常见的C#后台调用前端JavaScript的方法: 1. **OnClientClick属性**: 这种方法适用于ASP.NET控件,例如按钮(Button)。在HTML渲染时,`OnClientClick`属性会将其值附加到生成的HTML元素的`onclick`...

    C#后台调用前台JS函数方法

    总结了公司其他人的一些C#后台调用前台的方法; 方法一: 假设前台页面的JS脚本标签中有如下函数: [removed] function A() { alert&#40;hello word!&#41;; } [removed] 那么在这个页面的后台代码可以这样去实现在...

    JS调用C#后台方法

    标题"JS调用C#后台方法"描述了这种跨语言通信的需求。本文将深入探讨如何使用JavaScript调用C#编写的后台方法,并介绍相关技术与实践。 首先,JavaScript作为客户端脚本语言,运行在用户的浏览器上,而C#通常是...

    C#后台调用前台javascript的五种方法小结

    总结来说,C#后台调用前台JavaScript的方法多种多样,我们可以根据实际项目的需要选择最合适的方式。同时,灵活运用这些技术点能够有效地解决前后端交互中出现的各种问题,提高开发效率和用户体验。

    asp.net前台调用后台方法传参数

    ### ASP.NET 前台调用后台方法传参数详解 #### 一、ASP.NET简介 ASP.NET 是一种用于构建动态Web应用程序的服务器端技术。它由Microsoft开发,并且是.NET框架的一部分。通过ASP.NET,开发者可以创建功能强大、交互...

    vs2008后台调用前台,前台调用后台代码

    后台调用前台主要是指服务器端代码(如C#或VB.NET)执行某些操作后,向浏览器发送响应,更新客户端的页面内容。这可以通过以下方式实现: - **PostBack**:使用控件的`PostBack`属性,如按钮点击事件,会触发...

    ASP.NET中前台javascript与后台代码调用

    本文将深入探讨ASP.NET中前台JavaScript与后台代码调用的技术细节,包括IPostBackEventHandler接口的使用、ClientScript对象的功能以及如何通过__doPostBack函数实现前后端的通信。 ### ASP.NET中前后端通信的基础 ...

    ASP.NET中前台javascript与后台代码调用.doc

    在ASP.NET中,实现前台JavaScript与后台代码之间的调用是一种常见的需求。这通常涉及以下几个方面: 1. **如何在JavaScript中访问C#函数?** - **方法一**:通过触发按钮点击事件。首先,在ASP.NET页面中创建一个...

    .net中前台javascript与后台c#函数相互调用问题.docx

    ### .NET中前台JavaScript与后台C#函数相互调用问题详解 #### 一、概述 在Web应用程序开发中,前后端交互是常见的需求之一。对于.NET框架下的ASP.NET Web Forms应用,实现前后端(即JavaScript与C#)之间的数据...

    .net前台调用后台方法和后台调用前台js.docx

    标题和描述中提到的是.NET(特别是C#)中前端(客户端)与后端(服务器端)交互的方法,主要涉及如何从HTML页面(前端)调用ASP.NET后台代码以及如何从后台代码调用前端JavaScript函数。这里我们将详细探讨这两种...

    .net中前台javascript与后台c#函数相互调用问题.pdf

    下面将详细阐述四种方法来实现JavaScript调用C#函数以及C#访问JavaScript变量和函数。 **1. JavaScript调用C#函数** **方法一:**通过按钮点击事件 在后台,你可以定义一个C#方法,并在按钮的Click事件中处理逻辑...

    js调用后台、后台调用前台等方法总结

    js调用后台,后台调用前台等方法总结 1. javaScript函数中执行C#代码中的函数: 方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入Button1_Click中; 代码如下: protected void Button1_Click(object ...

    .net中前台javascript与后台c#函数相互调用问题

    C#代码与javaScript函数的相互调用 问: 1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的已有变量?... 3、在前台或后台调用js函数,激发click事件,等

    ASP.NET 前台javascript与后台代码调用

    以上方法是***开发中实现前台JavaScript与后台C#代码调用的主要方式,每种方法都有其适用场景和限制。在实际开发过程中,开发者需要根据具体需求和上下文环境选择最合适的方法。同时,需要注意安全性和性能问题,...

    ajax 前台js调用后台方法

    ### AJAX 前台JS调用后台方法详解 随着互联网技术的发展,前后端分离成为一种趋势,而异步请求作为前后端交互的重要手段之一,在实际开发中占据着重要的位置。AJAX(Asynchronous JavaScript and XML)是一种在无需...

Global site tag (gtag.js) - Google Analytics