Asp.Net 如何调用js中的函数function ?

最新推荐文章于 2019-10-27 22:54:17 发布
最新推荐文章于 2019-10-27 22:54:17 发布
阅读量5.2k 收藏 16
点赞数 1
分类专栏： asp.net html 文章标签： asp.net js 函数

1. 直接在前台调用 javascript 函数

很简单,在 head 元素之间加入 script 元素,将 type 元素设置为 " text/javascript "
如:

代码如下:

<head runat="server"> 
<script type="text/javascript" > 
function ShowName(str) 
{ 
alert("您的名字为:("+str+")"); 
} 
</script> 
<title>using javascript</title> 
</head>

之后在body 元素间,通过事件来访问 如 要通过button1 的单击事件(onclientclick)来访问 javascript 函数
示例如下:

<asp:Button ID="Button1" runat="server" Text="Button" onclientclick="ShowName('XXX')" />

这时运行项目,单击 button时,会显示"您的名称为XXX"
这就是一个简单的javascript 函数.

2 在前台通过 js文件 调用
方法与 （1）一样 只不过需要指定 .js 文件
示例如下:

<head runat="server"> 
<script type="text/javascript" src="JScript.js"> 
</script> 
<title>using javascript</title> 
</head>

之后在body 元素间,通过事件来访问 如 要通过button1 的单击事件(onclientclick)来访问 javascript 函数
示例如下:
//此时 .js文件中必须有 ShowName 方法

<asp:Button ID="Button1" runat="server" Text="Button"
  1. 在后台调用 javascript 函数,函数写在 .js文件中,但并没有在前台定义
    代码如下:
//获得.js文件 
string myscript = "JScript.js"; 
//注册.js文件, 如果此时查看源码,会得到如下代码 
//<script> src ="JScript.js" type="text/javascript"><script> 
Page.ClientScript.RegisterClientScriptInclude("myKey", myscript); 
//同上 
Button1.Attributes.Add("onclick", "showname1(123)");  

onclientclick="ShowName('XXX')" />
  1. 在后台调用 javascript 函数,函数在.js文件中
    前台的head 元素
    代码如下:
<head runat="server"> 
<script type="text/javascript" src="JScript.js"> 
</script> 
<title>using javascript</title> 
</head>

后台的需要添加如下代码

Button1.Attributes.Add("onclick", "showname1(XXX)");
  1. 用ClientScript类动态添加脚本
    用法如下：在想调用某个javascript脚本函数的地方添加代码，注意要保证MyFun已经在脚本文件中定义过了。
ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>");

这个方法比Response.Write更方便一些，可以直接调用脚本文件中的自定义函数。
注意，以上所有方法中，后台代码都不能有转化当前页的代码，比如Redirect等，要把转页代码放在脚本里面

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

这 个方法有个缺陷就是不能调用脚本文件中的自定义的函数，只能调用内部函数，具体调用自定义的函数只能在Response.Write写上函数定 义，比如

Response.Write("<script type='text/javascript'>function myfun(){...}</script>");

原文：https://blog.csdn.net/kid_12/article/details/47009267

sdtc002
关注
专栏目录
asp.net中调用javascript自定义函数的方法总结
myken的专栏
01-26 1498
通常javascript代码可以与HTML标签一起直接放在前端页面中，但如果JS代码多的话一方面不利于维护，另一方面也对搜索引擎不友好，因为页面因此而变得臃肿；所以一般有良好开发习惯的程序员都会把javascript代码放到独立的js文件中，其他页面通过引入该js文件来使用相应的javascript代码。今天在做一个小新闻系统的管理页面时因为图方便，刚开始所有用到的自定义javascr
Asp.net后台调用js 2种方法
01-02
1. 用Response.Write方法 代码如下： 代码如下:Response.Write(“[removed]alert(“XXX”);[removed]”);此方法缺陷就是不能调用脚本文件中的自定义的函数，只能调用内部函数，具体调用自定义的函数只能在Response.Write写上函数定 义，比如 代码如下:Response.Write(“[removed]function myfun(){}[removed]”); 2.用ClientScript类 代码如下：在想调用某个javascript脚本函数
asp.net中调用javascript自定义函数的方法（包括引入JavaScript文件）总结
weixin_33831196的博客
06-30 372
通常javascript代码可以与HTML标签一起直接放在前端页面中，但如果JS代码多的话一方面不利于维护，另一方面也对搜索引擎不友好，因为页面因此而变得臃肿；所以一般有良好开发习惯的程序员都会把javascript代码放到独立的js文件中，其他页面通过引入该js文件来使用相应的 javascript代码。用如下方法引用JS文件：&lt;script src="script/admin.js" t...
asp.net调用js方法小结
weixin_30800987的博客
12-19 280
key：asp.net js方法互调 asp.net 前台如何调用后台方法 1. javaScript函数中执行C#代码中的函数： 方法一：1、首先建立一个按钮，在后台将调用或处理的内容写入button_click中; 2、在前台写一个js函数，内容为document.getElementById("btn1").click(); 3、在前台或后台调用js函数，激发clic...
asp调用js代码
aperson111的专栏
11-24 3093
 最近很苦恼，当数据访问失败或者成功的时候，要页面的js处理一些效果，只是不知道怎么调用，非常郁闷。终于找到了一个地方： ScriptManager.RegisterStartupScript(ListUpdatePanel, typeof(UpdatePanel), "", "alert(1);", true); 在后台的函数中调用这个即可。（针对updatepanel）刷新数据
asp.net 后台执行js
DavidLiu的博客
10-27 1548
asp.net 后台执行js 1. 用Response.Write方法 　　代码如下： 　　Response.Write("<script type='text/javascript'>alert("XXX");</script>"); 　　不能调用脚本文件中的自定义的函数，只能调用内部函数，具体调用自定义的函数只能在Response.Write写上函数定 义，比如 ...
ASP.NET调用javascript脚本的常见方法小结
01-02
1、直接在前台调用 javascript 函数 很简单,在 head 元素之间加入 script 元素,将 type 元素设置为 ” text/javascript ” 如: 代码如下: <head runat=”server”> [removed] function ShowName(str) { alert&...
javascript与asp.net(c#)互相调用方法
12-12
2、C#调用客户端方法：（top.window.document：表父窗体，如果是MainFrame对象在本窗体中，则不加top.window.document） Js中的方法： 代码如下: function navurl(url) { $(“#mainFrame”,top.window.document)....
asp.net JavaScript插件 JavaScript Function Outliner
10-30
具体来说，插件允许开发者折叠内嵌的JavaScript代码，以此来提高代码的可读性，而且可以查看内嵌JavaScript代码中定义的函数列表。这一点对于大型项目或复杂页面来说尤其重要，有助于开发者更好地理解和维护代码结构...
.NET后台调用前台JS函数
Wayne_C的Blog
10-23 2053
第一种 //为Button1添加onclick()事件 Button1.Attributes.Add("onclick", "checkSame()"); 第二种 //后台调用前台JS函数 show()为前台的js方法 ScriptManager
[ASP.NET AJAX]Function对象及Type类的方法介绍
平凡酿就非凡
06-06 666
上一回我们从总体上认识了JavaScript Microsoft AJAX Library由于临时有事，没有加入事例显得有点抽象，这一回一定会通过一些事例更加直观的来会一会Asp.NET Ajax脚本库中一个很是重要的类Type。这个类提供了一些扩展面向对象编程的一些反射方法，通过这个类我们可以注册类似.NET中的一些(如：命名空间，类，枚举等等)基本类型。这个Type类继承自window是一个
.Net中JS调用后台函数
linzai专栏
12-27 1070
.Net中JS调用后台函数  例：后台函数   Public Shared Function GetHelloMessage(ByVal str As String) As String        Return "Hello " + str    End Function一、直接调用   var b="world";   var a=;   alert(a);   返回值：Hello
asp.net 后台调用js函数返回值 赋值给textbox
ximengtiankong的专栏
07-18 3018
<br />在网上找了很多关于这个文章都没有找到   还有人说 我一辈子都做不到 真是郁闷 <br /> <br /> <br />http://topic.csdn.net/u/20100717/14/9a183427-3090-4cf7-b949-0e18ee796344.html?seed=1729700823&r=67051622#r_67051622
ASP.NET后台调用JS函数
止水
08-17 602
protected void Button1_Click(object sender, EventArgs e) {     if(条件)     {         Page p = (Page)System.Web.HttpContext.Current.Handler;         p.RegisterStartupScript(" ", "你的函数名");     }
asp.net后台调用JS方法
suxuelian的博客
06-16 1318
前台JS   function showType() { alert(1); } 后台调用  Page.ClientScript.RegisterStartupScript(this.GetType(), "view", "showType();", true);
asp.net后台调用js方法
OuErHuiLaiKanKan的博客
06-25 766
ClientScript.RegisterStartupScript(GetType(), "", "xxx()");
ASP.net C# 后台调用JS函数
weixin_33974433的博客
04-12 282
ASP.net C# 后台调用JS函数 Button_Click事件中调用一个JS写的方法 protected void btnSave_Click(object sender, EventArgs e) { //这是Button处理事件的第一句 调用客端的js函数 Page.RegisterStartupScript("showDiv", "<...
asp.net,js 如何调用C#中的函数
最新发布
06-07
在 ASP.NET 中，可以使用 Code-behind 文件来编写 C# 代码，并在前端页面中调用这些代码中的函数。具体步骤如下： 1. 在 ASP.NET 项目中创建一个 Code-behind 文件，比如 Default.aspx.cs。 2. 在 Code-behind 文件中定义一个公共函数，比如： ``` public void MyFunction(string param) { // Do something with param } ``` 3. 在前端页面中添加一个按钮或者其他触发事件，比如： ``` <asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" Text="Submit" /> ``` 4. 在前端页面对应的 Code-behind 文件中，添加一个事件处理函数，并在其中调用之前定义的公共函数，比如： ``` protected void btnSubmit_Click(object sender, EventArgs e) { string myParam = "Hello"; MyFunction(myParam); } ``` 在 JavaScript 中调用 C# 函数则需要使用 Ajax 技术。具体步骤如下： 1. 在 C# 中创建一个 WebMethod，使用 [WebMethod] 标志进行标记，比如： ``` [WebMethod] public static string MyFunction(string param) { // Do something with param return "Result"; } ``` 2. 在 JavaScript 中使用 Ajax 发送一个 POST 请求到 C# 的 WebMethod，比如： ``` $.ajax({ type: "POST", url: "MyPage.aspx/MyFunction", data: JSON.stringify({ param: "Hello" }), contentType: "application/json; charset=utf-8", dataType: "json", success: function (result) { alert(result.d); } }); ``` 其中，MyPage.aspx 是包含 MyFunction 的 ASP.NET 页面的名称，result.d 是返回的结果。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值