在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 覆盖和重载 函数
Sep 25 Javascript
Jquery实现由下向上展开效果的例子
Dec 08 Javascript
浅谈JavaScript中null和undefined
Jul 09 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
Sep 04 Javascript
jQuery hover事件简单实现同时绑定2个方法
Jun 07 Javascript
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
pace.js和NProgress.js两个加载进度插件的一点小总结
Jan 31 Javascript
详解JavaScript中的数组合并方法和对象合并方法
May 11 Javascript
详解webpack loader和plugin编写
Oct 12 Javascript
Vue 一键清空表单的实现方法
Feb 07 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
Apr 01 Javascript
Vue ECharts实现机舱座位选择展示功能
May 15 Vue.js
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
Terran兵种介绍
2020/03/14 星际争霸
PHP 中dirname(_file_)讲解
2007/03/18 PHP
让php处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
PHP实现图片裁剪、添加水印效果代码
2014/10/01 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
javascript 中对象的继承〔转贴〕
2007/01/22 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
Nodejs+express+html5 实现拖拽上传
2014/08/08 NodeJs
浏览器中url存储的JavaScript实现
2015/07/07 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
微信小程序仿今日头条导航栏滚动解析
2019/08/20 Javascript
vue quill editor 使用富文本添加上传音频功能
2020/01/14 Javascript
jquery实现两个div中的元素相互拖动的方法分析
2020/04/05 jQuery
[01:36:57]【09DOTA2第一视角】小骷髅
2014/04/16 DOTA
简单的通用表达式求10乘阶示例
2014/03/03 Python
python实现类似ftp传输文件的网络程序示例
2014/04/08 Python
Java中重定向输出流实现用文件记录程序日志
2015/06/12 Python
对python多线程中Lock()与RLock()锁详解
2019/01/11 Python
利用Python实现斐波那契数列的方法实例
2020/07/26 Python
开发中都用到了那些设计模式?用在什么场合?
2014/08/21 面试题
应届大专生求职信
2014/06/26 职场文书
助学贷款贫困证明
2014/09/23 职场文书
优秀大学生自荐信
2015/03/26 职场文书
全国劳模先进事迹材料(2016精选版)
2016/02/25 职场文书
创业计划书之家教中心
2019/09/25 职场文书
为什么你写的height:100%不起作用
2021/05/10 HTML / CSS
比较几种Redis集群方案
2021/06/21 Redis
教你怎么用Python selenium操作浏览器对象的基础API
2021/06/23 Python
MySQL外键约束(FOREIGN KEY)案例讲解
2021/08/23 MySQL
win10重装系统后上不了网怎么办 win10重装系统网络故障的解决办法
2022/07/23 数码科技