在ASP.NET中使用JavaScript脚本的方法


Posted in Javascript onNovember 12, 2013

一)简单点的
如要在一个按钮上增加认证脚本,可以这样

<%@ Page Language="C#" %>
<SCRIPT language="javascript">function getconfirm ()
{
    if (confirm("Do you want to delete record?")==true) 
    return true;
    else
    return false; 
}
</SCRIPT>
<script runat="server">
public void Page_Load(Object sender, EventArgs E) {
btnSubmit.Attributes.Add("onclick","return getconfirm ();");
}
void btnSubmit_Click(object sender, EventArgs e) {
        Message.Text = "You entered your name as: " + txtName.Text;
}
</script>
<html>
<head>
</head>
<body>
<form runat="server">
    Name: <asp:Textbox id="txtName" runat="server"/>
<asp:Button id="btnSubmit" onclick="btnSubmit_Click" runat="server" Text="Submit"></asp:Button><br/>
<asp:Label id="Message" runat="server"/>
</form>
</body>
</html>

注意关键的地方btnSubmit.Attributes.Add("onclick","return fffkkk();");这句话,就相当于在静态页面标签上添加 “onclick = “return fffkkk();” 一样
二)复杂一点的
  有的时候我们要在DataGrid的删除列上添加认证,可以这样
  首先建一个DataGrid,然后给她增加一个删除列

 

<asp:DataGrid id="DataGrid1" runat="server">
<Columns>
<asp:TemplateColumn>
  <ItemTemplate>
<asp:LinkButton id="cmdDel" 
runat="server" Text="Delete" 
CommandName="Delete" CausesValidation="false">
</asp:LinkButton>
  </ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>

然后在DataGrid 的ItemDataBound事件中这样写

Private Sub DataGrid1_ItemDataBound
(ByVal sender As Object, ByVal e As DataGridItemEventArgs) 
Handles DataGrid1.ItemDataBound
   Dim l As LinkButton
   If e.Item.ItemType = ListItemType.Item Or 
   e.Item.ItemType = ListItemType.AlternatingItem Then
   l = CType(e.Item.Cells(0).FindControl("cmdDel"), LinkButton)
   l.Attributes.Add("onclick", "return getconfirm();")
   End If
End Sub
Getconfirm()函数和第一个是一样的
function getconfirm() 
{ 
if (confirm("Do you want to delete record?")==true) 
return true; 
else 
return false; 
}
Javascript 相关文章推荐
原生js实现shift/ctrl/alt按键的获取
Apr 08 Javascript
js 表单提交后按钮变灰的实例代码
Aug 16 Javascript
js实现div弹出层的方法
Nov 20 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
Dec 31 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
Jun 12 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
JS实现区分中英文并统计字符个数的方法示例
Jun 09 Javascript
对 Vue-Router 进行单元测试的方法
Nov 05 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
Nov 23 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 Javascript
详解javascript脚本何时会被执行
Feb 05 Javascript
JS常用正则表达式总结
Nov 12 #Javascript
jquery 删除cookie失效的解决方法
Nov 12 #Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
Nov 12 #Javascript
JS获取键盘上任意按键的值(实例代码)
Nov 12 #Javascript
只需一行代码,轻松实现一个在线编辑器
Nov 12 #Javascript
JS中实现replaceAll的方法(实例代码)
Nov 12 #Javascript
jquery.validate的使用说明介绍
Nov 12 #Javascript
You might like
php bootstrap实现简单登录
2016/03/08 PHP
PHP实用小技巧之调用录像的方法
2019/12/05 PHP
Ajax一统天下之Dojo整合篇
2007/03/24 Javascript
js的闭包的一个示例说明
2008/11/18 Javascript
在多个页面使用同一个HTML片段《续》
2011/03/04 Javascript
js时间日期和毫秒的相互转换
2013/02/22 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
js继承call()和apply()方法总结
2014/12/08 Javascript
JavaScript实现简单的数字倒计时
2015/05/15 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
jQuery实现对象转为url参数的方法
2017/01/11 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
基于vue 实现token验证的实例代码
2017/12/14 Javascript
微信小程序登录态和检验注册过没的app.js写法
2019/05/22 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
JS使用setInterval计时器实现挑战10秒
2020/11/08 Javascript
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
Python装饰器入门学习教程(九步学习)
2016/01/28 Python
Python绘制KS曲线的实现方法
2018/08/13 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
Python django使用多进程连接mysql错误的解决方法
2018/10/08 Python
超实用的 30 段 Python 案例
2019/10/10 Python
python中前缀运算符 *和 **的用法示例详解
2020/05/28 Python
Python爬虫设置ip代理过程解析
2020/07/20 Python
html5桌面通知(Web Notifications)实例解析
2014/07/07 HTML / CSS
旅游专业职业生涯规划范文
2014/01/13 职场文书
文秘大学生求职信
2014/02/25 职场文书
离婚协议书范本(2014版)
2014/09/28 职场文书
安全生产月宣传标语
2014/10/06 职场文书
对外汉语专业大学生职业生涯规划书
2014/10/11 职场文书
运动员入场前导词
2015/07/20 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书
python使用pywinauto驱动微信客户端实现公众号爬虫
2021/05/19 Python
三星 3nm 芯片将于第二季度开始量产
2022/04/29 数码科技