重写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 相关文章推荐
JQuery防止退格键网页后退的实现代码
Mar 23 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
Jan 24 Javascript
jQuery图片的展开和收缩实现代码
Apr 16 Javascript
JS更改select内option属性的方法
Oct 14 Javascript
JavaScript各类型的关系图解
Oct 16 Javascript
js滚动条平滑移动示例代码
Mar 29 Javascript
JavaScript省市区三级联动菜单效果
Sep 21 Javascript
Bootstrap表单简单实现代码
Mar 06 Javascript
JS实现的抛物线运动效果示例
Jan 30 Javascript
JavaScript图片处理与合成总结
Mar 04 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 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
声音就能俘获人心,蕾姆,是哪个漂亮小姐姐配音呢?
2020/03/03 日漫
xml+php动态载入与分页
2006/10/09 PHP
PHP生成二维码的两个方法和实例
2014/07/01 PHP
PHP水印类,支持添加图片、文字、填充颜色区域的实现
2017/02/04 PHP
PHP+ajax实现二级联动菜单功能示例
2018/08/10 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
JS的反射问题
2010/04/07 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
Javascript跨域请求的4种解决方式
2013/03/17 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
2014/04/15 Javascript
Node.js中HTTP模块与事件模块详解
2014/11/14 Javascript
js实现模拟计算器退格键删除文字效果的方法
2015/05/07 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
跟我学习javascript的for循环和for...in循环
2015/11/18 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
2016/09/06 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
2016/10/25 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
fullCalendar中文API官方文档
2017/02/07 Javascript
原生js实现简单的焦点图效果实例
2017/12/14 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
node.js到底要不要加分号浅析
2018/07/11 Javascript
vsCode安装使用教程和插件安装方法
2020/08/24 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
Python 安装setuptools和pip工具操作方法(必看)
2017/05/22 Python
Python中动态检测编码chardet的使用教程
2017/07/06 Python
python3.6连接MySQL和表的创建与删除实例代码
2017/12/28 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
在Django model中设置多个字段联合唯一约束的实例
2019/07/17 Python
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
2016/03/14 HTML / CSS
美国在线医疗分销商:MedEx Supply
2020/02/04 全球购物
迪卡侬印尼体育用品商店:Decathlon印尼
2020/03/11 全球购物
音乐兴趣小组活动总结
2014/07/07 职场文书
讲文明知礼仪演讲稿
2014/09/13 职场文书
合伙经营协议书范本
2014/09/13 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书