重写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中void(0)的具体含义解释
Aug 02 Javascript
javascript实现C语言经典程序题
Nov 29 Javascript
学习JavaScript设计模式(代理模式)
Dec 03 Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 Javascript
基于jquery插件实现拖拽删除图片功能
Aug 27 Javascript
Vue filter介绍及其使用详解
Oct 21 Javascript
react实现一个优雅的图片占位模块组件详解
Oct 30 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
Jun 19 Javascript
VUE 组件转换为微信小程序组件的方法
Nov 06 Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
d3.js实现图形拖拽
Dec 19 Javascript
jquery选择器和属性对象的操作实例分析
Jan 10 jQuery
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
php学习之变量的使用
2011/05/29 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
php绘图之生成饼状图的方法
2015/01/24 PHP
PHP中串行化用法示例
2016/11/16 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
Gambit vs CL BO3 第二场 2.13
2021/03/10 DOTA
JS打开新窗口的2种方式
2013/04/18 Javascript
JS隐藏参数post传值实例
2013/04/18 Javascript
详解JavaScript中Date.UTC()方法的使用
2015/06/12 Javascript
JS随机调用指定函数的方法
2015/07/01 Javascript
iframe跨域通信封装详解
2015/08/11 Javascript
详解JavaScript的Date对象(制作简易钟表)
2020/04/07 Javascript
jquery+CSS3实现3D拖拽相册效果
2016/07/18 Javascript
javascript 封装Date日期类实例详解
2017/05/28 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
Vue初始化中的选项合并之initInternalComponent详解
2020/06/11 Javascript
如何构建一个Vue插件并生成npm包
2020/10/26 Javascript
Python编程中对文件和存储器的读写示例
2016/01/25 Python
Python实现的密码强度检测器示例
2017/08/23 Python
使用pandas模块读取csv文件和excel表格,并用matplotlib画图的方法
2018/06/22 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
在python中对于bool布尔值的取反操作
2020/12/11 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
移动通信专业自荐信范文
2013/11/12 职场文书
学习心得体会
2014/01/01 职场文书
歌唱比赛策划方案
2014/06/06 职场文书
药剂专业求职信
2014/06/20 职场文书
总经理助理岗位职责范本
2014/07/20 职场文书
室内趣味活动方案
2014/08/24 职场文书
民主评议党员工作总结
2014/10/20 职场文书
Python实现简单的猜单词
2021/06/15 Python
python中subplot大小的设置步骤
2021/06/28 Python
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL