告警消息框.doc

第7章 Web的软件的消息框 STYLEREF \l 标题 2,Chapter X.X. Statement,h2,2,Header 2,l2,Level 2 Head,heading 2 \* MERGEFORMAT 7.4 过程消息框7.4 过程消息框7.1 确认消息框 ·PAGE 124· ·PAGE 123· 消息框（message box）是一种特殊的对话框，它用于向用户反馈特定的信息。消息框一般有3个组成部分： （1）一个图形标志，用来表示消息类型； （2）一段消息文本，用来描述内容； （3）对应的命令按钮； 常见的消息框有以下4类： 确认消息框 告警消息框 通知消息框 过程消息框 实现上述消息框几乎没有任何技术难度，但是软件人员经常编写出“劣质”的消息框，例如措词生硬、幼稚、蹩脚，甚至有文字、语法错误；消息文本、图形标志和命令按钮在语义上不一致。真是让人哀叹！ 本章讲述各种消息框的设计规则，给出示例。让我们（软件开发人员）来点专业精神，把“消息框”这类小事情做好，免得贻笑大方。 7.1 确认消息框 当用户执行一项重要操作时（例如删除数据），为了避免误操作，软件应当弹出一个确认消息框，请用户确认是否真的执行该操作。如果用户按下“确认”（是）按钮，那么继续执行；如果用户按下“取消”（否）按钮，那么停止执行。 窗口标题 × 窗口标题 × 确认消息的一段文字 图标 是（Y） 否（N） 图7-1（a） Windows客户端软件的确认消息框模式 图7-1（b） Windows客户端软件的确认消息框示例：删除文件 对于Web软件的确认消息框，一般有两种实现方式： 第一种方式是直接调用JavaScript的标准函数confirm，输入唯一的参数“一段消息文字”，产生固定模式的确认消息框，如图7-2所示。confirm函数返回true 或者false，程序示例如下。 var flag = confirm(Click OK to continue. Click Cancel to stop.); if (flag) alert(continue); else alert(stop); 图7-2 用confirm函数实现的确认消息框 第二种方式是，程序员使用HTML和JavaScript语言编写个性化的确认消息框。例如Hotmail中删除邮件的确认对话框就是定制开发的，如图7-3所示。 图7-3 个性化的确认消息框 显然第二种方式要比第一种方式复杂得多，不仅编程麻烦，而且有出错的风险。对于普通Web应用软件的确认消息框而言，我们学会正确使用confirm模式对话框就可以了。 确认消息框的消息文本很重要（可惜很多程序员乱写一气），基本规则如下： （1）消息文本本身不能有错字或者语法错误；。 （2）消息文本只能用一般疑问句，不能用复杂的、让人迷惑的句式；。 （3）消息文本给出充分必要的信息，让用户知道他将干什么，以及有什么后果。 （4）消息文本应当和命令按钮在语义上保持一致；。 良好的确认消息框的示例如图7-4所示。 图7-4 良好的确认消息框示例 差的确认消息框的示例如图7-5所示。 图7-5 差的确认消息框示例 7.2 告警消息框 窗口标题 ×告警消息的一段文字图标 窗口标题 × 告警消息的一段文字 图标 确定 图7-6（a） 告警消息框模式 图7-6（b） 告警消息框的示例 JavaScript提供了告警消息框的标准函数alert，输入唯一的参数“告警消息文字”，即可产生固定模式的告警消息框，如图7-7所示。程序示例如下： alert(这是用alert函数实现的告警消息框); 图7-7 用alert函数实现的告警消息框 使用告警消息时一定要注意措词，基本规则如下： （1）告警消息应当详细并且清晰明了，让用户明白发生了什么事情；不能光光显示“错误”两字，没头没脑。 （2）告警消息最好采用被动语态，避免指责用户，不要出现诸如“你不能…”、“你不该…”的语句。 差的告警消息框示例如图7-8所示。 图7-8 差的告警消息框示例（没头没脑，指责用户） 良好的告警示例如图7-9所示。 图7-9 良好的告警消息框示例（采用被动语态，说明了出错原因） 过多于的告警消息框会影响用户的心情，而且会让用户觉得软件到处是毛病。在设计软件的时候，要尽量避免用户发生错误的操作，从而减少告警消息框。下面是有效的方法： 禁用（disabl