重写javascript中window.confirm的行为


Posted in Javascript onOctober 21, 2012

javascript中window.confirm这个方法很好用,可以弹出一个确认对话框
重写javascript中window.confirm的行为
我们之所以弹出这个对话框,可能就是因为该操作很危险,所以要用户确认。但如果默认选择"确定",则可能违背了这个原则。
另外,confirm对话框的按钮都是固定在"确定"和"取消"这两个。可能有些时候也不是很直观。
所以,可以考虑用vbscript中的msgbox来改写这个行为。下面是一个范例

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title></title> 
<script> 
function deleteConfirm(msg) 
{ 
function window.confirm(str) 
{ 
str= str.replace(/\'/g, "'& chr(39) &'").replace(/\r\n/g, "'& VBCrLf &'"); 
execScript("n = msgbox('"+ str +"', 289, '删除框')", "vbscript"); 
return(n == 1); 
} 
return window.confirm(msg); 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:Button ID="deleteButton" runat="server" OnClientClick="javascript:return deleteConfirm('你确定要删除吗?')" Text="删除" 
onclick="deleteButton_Click" /> 
</div> 
</form> 
</body> 
</html>

关于msgbox 方法的具体细节,还可以参考下面的介绍

MsgBox 函数
在对话框中显示消息,等待用户单击按钮,并返回一个值指示用户单击的按钮。
MsgBox(prompt[, buttons][, title][, helpfile, context])
参数
prompt
作为消息显示在对话框中的字符串表达式。prompt 的最大长度大约是 1024 个字符,这取决于所使用的字符的宽度。如果 prompt 中包含多个行,则可在各行之间用回车符 (Chr(13))、换行符 (Chr(10)) 或回车换行符的组合 (Chr(13) & Chr(10)) 分隔各行。
Buttons
数值表达式,是表示指定显示按钮的数目和类型、使用的图标样式,默认按钮的标识以及消息框样式的数值的总和。有关数值,请参阅“设置”部分。如果省略,则buttons 的默认值为 0。
Title
显示在对话框标题栏中的字符串表达式。如果省略 title,则将应用程序的名称显示在标题栏中。
Helpfile
字符串表达式,用于标识为对话框提供上下文相关帮助的帮助文件。如果已提供helpfile,则必须提供 context。在 16 位系统平台上不可用。
Context
数值表达式,用于标识由帮助文件的作者指定给某个帮助主题的上下文编号。如果已提供 context,则必须提供 helpfile。在 16 位系统平台上不可用。
设置
buttons 参数可以有以下值: 

常数 描述
vbOKOnly 0 只显示确定按钮。
vbOKCancel 1 显示确定和取消按钮。
vbAbortRetryIgnore 2 显示放弃、重试和忽略按钮。
vbYesNoCancel 3 显示是、否和取消按钮。
vbYesNo 4 显示是和否按钮。
vbRetryCancel 5 显示重试和取消按钮。
vbCritical 16 显示临界信息图标。
vbQuestion 32 显示警告查询图标。
vbExclamation 48 显示警告消息图标。
vbInformation 64 显示信息消息图标。
vbDefaultButton1 0 第一个按钮为默认按钮。
vbDefaultButton2 256 第二个按钮为默认按钮。
vbDefaultButton3 512 第三个按钮为默认按钮。
vbDefaultButton4 768 第四个按钮为默认按钮。
vbApplicationModal 0 应用程序模式:用户必须响应消息框才能继续在当前应用程序中工作。
vbSystemModal 4096 系统模式:在用户响应消息框前,所有应用程序都被挂起。

第一组值 (0 - 5) 用于描述对话框中显示的按钮类型与数目;第二组值 (16, 32, 48, 64) 用于描述图标的样式;第三组值 (0, 256, 512) 用于确定默认按钮;而第四组值 (0, 4096) 则决定消息框的样式。在将这些数字相加以生成 buttons 参数值时,只能从每组值中取用一个数字。

返回值
MsgBox 函数有以下返回值:

常数 按钮
vbOK 1 确定
vbCancel 2 取消
vbAbort 3 放弃
vbRetry 4 重试
vbIgnore 5 忽略
vbYes 6
vbNo 7

说明
如果同时提供了 helpfile 和 context,则用户可以按 F1 键以查看与上下文相对应的帮助主题。

如果对话框显示取消按钮,则按 ESC 键与单击取消的效果相同。如果对话框包含帮助按钮,则有为对话框提供的上下文相关帮助。但是在单击其他按钮之前,不会返回任何值。

当MicroSoft Internet Explorer使用MsgBox函数时,任何对话框的标题总是包含"VBScript",以便于将其与标准对话框区别开来。

下面的例子演示了 MsgBox 函数的用法:

Dim MyVar 
MyVar = MsgBox ("Hello World!", 65, "MsgBox Example") 
' MyVar contains either 1 or 2, depending on which button is clicked
Javascript 相关文章推荐
Javascript计算两个marker之间的距离(Google Map V3)
Apr 26 Javascript
node.js中使用q.js实现api的promise化
Sep 17 Javascript
AngularJS ng-bind 指令简单实现
Jul 30 Javascript
JavaScript实现图片轮播组件代码示例
Nov 22 Javascript
JavaScript数组复制详解
Feb 02 Javascript
AngularJS1.X学习笔记2-数据绑定详解
Apr 01 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Apr 22 Javascript
微信小程序canvas实现刮刮乐效果
Jul 09 Javascript
Angular事件之不同组件间传递数据的方法
Nov 15 Javascript
vue+element模态框中新增模态框和删除功能
Jun 11 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 Javascript
javascript解析json格式的数据方法详解
Aug 07 Javascript
js indexOf()定义和用法
Oct 21 #Javascript
javascript window.confirm确认 取消对话框实现代码小结
Oct 21 #Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 #Javascript
JS的replace方法介绍
Oct 20 #Javascript
Lazy Load 延迟加载图片的jQuery插件中文使用文档
Oct 18 #Javascript
JavaScript 用cloneNode方法克隆节点的代码
Oct 15 #Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
Oct 15 #Javascript
You might like
使用配置类定义Codeigniter全局变量
2014/06/12 PHP
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
JavaScript之HTMLCollection接口代码
2011/04/27 Javascript
在浏览器窗口上添加遮罩层的方法
2012/11/12 Javascript
cookie的复制与使用记住用户名实现代码
2013/11/04 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
2015/02/20 Javascript
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
浅谈Javascript数据属性与访问器属性
2016/07/26 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
JavaScript实现256色转灰度图
2017/02/22 Javascript
angular之ng-template模板加载
2017/11/09 Javascript
[36:13]Mineski vs iG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python显示进度条的方法
2014/09/20 Python
python中查看变量内存地址的方法
2015/05/05 Python
给Python中的MySQLdb模块添加超时功能的教程
2015/05/05 Python
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
Python sorted函数详解(高级篇)
2018/09/18 Python
Python3.5 Pandas模块之Series用法实例分析
2019/04/23 Python
Python 监测文件是否更新的方法
2019/06/10 Python
Python3.0 实现决策树算法的流程
2019/08/08 Python
彻底解决Python包下载慢问题
2020/11/15 Python
美国一家专业的太阳镜网上零售商:Solstice太阳镜
2016/07/25 全球购物
中国最大隐形眼镜网上商城:视客眼镜网
2016/10/30 全球购物
英国顶级水晶珠宝零售商之一:Tresor Paris
2019/04/27 全球购物
Vertbaudet西班牙网上商店:婴儿服装、童装、母婴用品和儿童家具
2019/10/16 全球购物
SAZAC的动物连体衣和动物睡衣:Kigurumi Shop
2020/03/14 全球购物
工程师岗位职责
2013/11/08 职场文书
纺织工程专业个人求职信范文
2014/01/27 职场文书
通信工程专业求职信
2014/06/04 职场文书
高中生第一学年自我鉴定2015
2014/09/28 职场文书
2015年党员自评材料
2014/12/17 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书
Java实现多文件上传功能
2021/06/30 Java/Android