asp.net调用js脚本方法

最新推荐文章于 2020-05-23 13:46:31 发布
最新推荐文章于 2020-05-23 13:46:31 发布
阅读量955 收藏 1
点赞数
文章标签： 脚本 asp.net button javascript server redirect

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"

3、在后台调用 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')" /> 


4、在后台调用 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)"); 
5.用ClientScript类动态添加脚本 
用法如下：在想调用某个javascript脚本函数的地方添加代码，注意要保证MyFun已经在脚本文件中定义过了。 
ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>"); 
这个方法比Response.Write更方便一些，可以直接调用脚本文件中的自定义函数。 
注意，以上所有方法中，后台代码都不能有转化当前页的代码，比如Redirect等，要把转页代码放在脚本里面

6. 用Response.Write方法写入脚本 
比如在你单击按钮后，先操作数据库，完了后显示已经完成，可以在最后想调用的地方写上 
Response.Write("<script type='text/javascript'>alert();</script>"); 
这 个方法有个缺陷就是不能调用脚本文件中的自定义的函数，只能调用内部函数，具体调用自定义的函数只能在Response.Write写上函数定 义，比如Response.Write("<script type='text/javascript'>function myfun(){...}</script>");

z8129858
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
asp.net 在cs中如何调用js的代码
10-11
asp.net 在cs中如何调用js的代码，在代码中更好的调用js的操作
javaScript函数中执行C#代码中的函数
jlds123的专栏
08-26 570
<br />方法一：1、首先建立一个按钮，在后台将调用或处理的内容写入button_click中;  <br />   2、在前台写一个js函数，内容为document.getElementById("btn1").click();  <br />   3、在前台或后台调用js函数，激发click事件，等于访问后台c#函数；  <br /><br /> 方法二：1、函数声明为public   <br />   后台代码(把pub
Asp .net 调用js
zhaojp0411的专栏
07-17 1184
(一).确认删除用法: 1. BtnDel.Attributes.Add("onclick","return confirm("+"确认删除?"+")"); 2. linktempDelete.Attributes["onclick"]="javascript:return confirm("+"确认删除?"+");"; 3. private void grdProject_ItemDat
asp.net调用js方法小结
weixin_30800987的博客
12-19 254
key：asp.net js方法互调 asp.net 前台如何调用后台方法 1. javaScript函数中执行C#代码中的函数： 方法一：1、首先建立一个按钮，在后台将调用或处理的内容写入button_click中; 2、在前台写一个js函数，内容为document.getElementById("btn1").click(); 3、在前台或后台调用js函数，激发clic...
ASP.NET后台调用前台JS函数的三种常见方法
Happiness is everywhere
08-11 1441
第一种：使用普通的添加控件中的Attributes属性进行调用 例如，像一般的普通的按钮：Button1.Attributes.Add("onclick","MyFun();"); 此方法只能在Onload中或者类似于onload的初始化过程中添加才有效。并且是先执行脚本函数，同时无法改变执行顺序。   第二种：使用Response.Write方法进行调用 例如，像我们经常会使用到的Re...
ASP.NET调用javascript脚本的常见方法小结
10-29
ASP.NET本身就提供了多种调用javascript脚本的方法，本文总结了六种调用方法，大家根据自己的使用习惯可以选择相应的调用方式了！
Asp.net后台调用js 2种方法
01-02
1. 用Response.Write方法 代码如下： 代码如下:Response.Write(“[removed]alert(“XXX”);[removed]”);此方法缺陷就是不能调用脚本文件中的自定义的函数，只能...代码如下：在想调用某个javascript脚本函数
asp.net后台如何输出js脚本使用什么方法可以实现
10-26
asp.net后台如何输出js脚本，用page.ClientScript.RegisterStartupScript方式实现，实现示例如下，感兴趣的朋友不要错过
.net与javascript脚本的交互方法总结
01-20
本文实例总结了.net与javascript脚本的交互方法，分享给大家供大家参考。具体方法如下： 1.asp.net呼叫js 代码如下:Response.Write(“[removed]”); Response.Write(“alert(‘登峰欢迎您 ‘);” ); ...
asp.net与JAVASCRIPT函数的相互调用
weixin_30954265的博客
03-04 108
1.如何在JavaScript访问C#函数? 　方法一： （1）、首先建立一个按钮，在后台将调用或处理的内容写入button_click中; （2）、在前台写一个js函数，内容为document.getElementById("btn1").click(); （3）、在前台或后台调用js函数，激发click事件，等于访问后台c#函数; 方法二： （1）、函数声明为pub...
asp.net获取系统当前时间的方法详解
09-02
主要介绍了asp.net获取系统当前时间的方法,较为详细的分析了C#日期与时间操作所涉及的相关函数与使用技巧,需要的朋友可以参考下
asp.net后台代码动态引用添加JS和css文件
01-18
asp.net后台代码动态引用添加JS和css文件
asp.net调用js方法
weixin_30730053的博客
09-16 160
C#前台js调用后台代码 前台js <script type="text/javascript" language="javascript"> 　　function Ceshi() 　　{ 　　　　var a = "<%=Getstr()%>"; 　　　　alert(a); 　　} </script> <input type="but...
asp.net如何调用JS方法
小而美
09-07 1767
（1）ClientScript类动态添加脚本前台：");
如何在ASP.NET中使用JavaScript
IT与开发人员的地盘
05-23 2652
ASP.NET中JavaScript 在ASP.NET页面中使用JavaScript可以使您的应用程序看起来运行更快，并防止对服务器的不必要调用。 JavaScript可用于在用户浏览器中执行客户端功能，而无需回叫服务器。 从而节省资源。 下面的示例演示如何使用ASP.NET按钮来触发修改ASP.NET TextBoxJavaScript调用。 例 以下示例将向您显示： 如何向页面动...
asp.net中调用javascript自定义函数的方法总结
myken的专栏
01-26 1460
通常javascript代码可以与HTML标签一起直接放在前端页面中，但如果JS代码多的话一方面不利于维护，另一方面也对搜索引擎不友好，因为页面因此而变得臃肿；所以一般有良好开发习惯的程序员都会把javascript代码放到独立的js文件中，其他页面通过引入该js文件来使用相应的javascript代码。今天在做一个小新闻系统的管理页面时因为图方便，刚开始所有用到的自定义javascr
Asp.net 与Js 相互调用
thistest9的博客
08-20 1846
（1） js调用asp.net 后台方法： 前台js &lt;script type="text/javascript" language="javascript"&gt; 　　function Ceshi() 　　{ 　　　　var a = "&lt;%=Getstr()%&gt;"; 　　　　alert(a); 　　} &lt;/script&gt; &lt;input type=&q
asp.net后台调用JS方法
suxuelian的博客
06-16 1272
前台JS   function showType() { alert(1); } 后台调用  Page.ClientScript.RegisterStartupScript(this.GetType(), "view", "showType();", true);
asp.net mvc项目
最新发布
05-13
ASP.NET MVC 是一种基于 ASP.NET 框架的 Web 开发模式，它提供了一种模型-视图-控制器（MVC）架构，可以更好地组织和管理 Web 应用程序的代码。下面是 ASP.NET MVC 项目的基本结构： 1. Models：模型层，用于定义...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值