重写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 相关文章推荐
JS中简单的实现像C#中using功能(有源码下载)
Jan 09 Javascript
JavaScript实现拼音排序的方法
Nov 20 Javascript
jQuery中的val()示例应用
Feb 26 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
Mar 24 Javascript
JS实现的表格行鼠标点击高亮效果代码
Nov 27 Javascript
js实现简单的验证码
Dec 25 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
Jun 01 Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 Javascript
angularjs通过过滤器返回超链接的方法
Oct 26 Javascript
vue-cli3配置与跨域处理方法
Aug 17 Javascript
JS实现简易留言板增删功能
Feb 08 Javascript
JS数组的常用方法整理
Mar 31 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
php代码运行时间查看类代码分享
2011/08/06 PHP
php使用fopen创建utf8编码文件的方法
2014/10/31 PHP
thinkphp文件处理类Dir.class.php的用法分析
2014/12/08 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
php邮件发送的两种方式
2020/04/28 PHP
thinkPHP数据库增删改查操作方法实例详解
2016/12/06 PHP
浅谈PHP中new self()和new static()的区别
2017/08/11 PHP
PHP用函数嵌入网站访问量计数器
2017/10/27 PHP
PHP实用小技巧之调用录像的方法
2019/12/05 PHP
用js模拟JQuery的show与hide动画函数代码
2010/09/20 Javascript
查找iframe里元素的方法可传参
2013/09/11 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
2013/12/24 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
jQuery中prop()方法用法实例
2015/01/05 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
微信小程序文章详情页面实现代码
2018/09/10 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
2019/01/21 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
2019/04/16 Javascript
Python运行报错UnicodeDecodeError的解决方法
2016/06/07 Python
详解Python循环作用域与闭包
2019/03/21 Python
详解python 3.6 安装json 模块(simplejson)
2019/04/02 Python
python列表生成器迭代器实例解析
2019/12/19 Python
Python通过VGG16模型实现图像风格转换操作详解
2020/01/16 Python
一文轻松掌握python语言命名规范规则
2020/06/18 Python
如何让python的运行速度得到提升
2020/07/08 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
欧洲高端品牌直销店:Fashionesta
2016/08/31 全球购物
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
大学生村官典型材料
2014/01/12 职场文书
立志成才演讲稿
2014/09/04 职场文书
医院护士党的群众路线教育实践活动对照检查材料思想汇报
2014/10/04 职场文书
2014年煤矿工作总结
2014/11/24 职场文书
基于Redis过期事件实现订单超时取消
2021/05/08 Redis
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS