在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 相关文章推荐
使用Javascript和DOM Interfaces来处理HTML
Oct 09 Javascript
详谈 Jquery Ajax异步处理Json数据.
Sep 09 Javascript
js实现鼠标划过给div加透明度的方法
May 25 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
Oct 02 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
May 25 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
浅析javaScript中的浅拷贝和深拷贝
Feb 15 Javascript
微信小程序 POST请求的实例详解
Sep 29 Javascript
VUE重点问题总结
Mar 19 Javascript
Node.js 使用request模块下载文件的实例
Sep 05 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
Feb 23 Javascript
详解webpack的文件监听实现(热更新)
Sep 11 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 使用file_get_contents读取大文件的方法
2014/11/13 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
HTML页面如何象ASP一样接受参数
2007/02/07 Javascript
javascript String 对象
2008/04/25 Javascript
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
2013/05/27 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
2014/05/04 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
2014/12/15 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
Bootstrap表单控件使用方法详解
2017/01/11 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
ES6教程之for循环和Map,Set用法分析
2017/04/10 Javascript
json2.js 入门教程之使用方法与实例分析
2017/09/14 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
2018/11/08 Javascript
使用jQuery实现购物车
2020/10/29 jQuery
Python中实现三目运算的方法
2015/06/21 Python
Python针对给定列表中元素进行翻转操作的方法分析
2018/04/27 Python
使用python批量化音乐文件格式转换的实例
2019/01/09 Python
Python字符串的一些操作方法总结
2019/06/10 Python
python ftplib模块使用代码实例
2019/12/31 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
如何用Python徒手写线性回归
2021/01/25 Python
HTML5注册表单的自动聚焦与占位文本示例代码
2013/07/19 HTML / CSS
秘书英文求职信
2014/04/16 职场文书
小学生国旗下演讲稿
2014/04/25 职场文书
关于奉献的演讲稿
2014/05/21 职场文书
运动会口号大全
2014/06/07 职场文书
2014办公室副主任四风对照检查材料思想汇报
2014/09/20 职场文书
学校党员个人问题整改措施思想汇报
2014/10/08 职场文书
项目战略合作意向书
2015/05/08 职场文书
大学生党课感想
2015/08/11 职场文书
机械生产实习心得体会
2016/01/22 职场文书
成功的商业计划书这样写才最靠谱
2019/07/12 职场文书
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js