模式化窗口

先让我们看一个例子，了解什么是模式化窗口。

以下是QQ秀商城在非登录时提示登录的一种状态。当我在非登录状态，通过保存形象的方式买一件衣服时，弹出登录对话窗口提示登录。此时，登录对话窗 口锁定商城页，锁定IE，只有当对登录窗口进行操作后，才能够进行其他操作。譬如：最小化IE、浏览商城等。我们可以说，登录对话窗口就是一种模式化窗 口。

模式化窗口常常给人“坏”的印象，为什么“坏”？是因为它“长”成那个样子？还是因为它通常都说些没用的话，所以用户都不看其中的内容？如果换成一 个浮动层DIV，它就变“好”了？就模式化窗口的形式和“好坏”问题，我们进行了讨论。

为什么大家会认为它“坏”？ 西贝：“以前系统弹出对话框，用户看不懂，或者不看，给用户的印象大多是一种警告。因此感觉很坏，对用户来讲，很暴力。”（呵呵，可以引用最近流行的，很 陈，很冠希了。）Eele：“当我在填一些注册信息时，需要从另外一页复制一些内容，这个时候弹出alert无法到另一页。”（这种情况我也遇到 过~~）Hiseven：“以前有一些网站，有bug，弹出‘无数’确定对话框，必须全部确定才能进行下一步的操作，于是开始点击一个又一个的确定。” （嗯，尤其是那种让我点击连续的确定，但是不断弹出确定的那种垃圾网站，让我几近崩溃的边缘~~）

臭鱼：“屏幕上出现不止一个叉子按钮，却只有一个可以点击，如photoshop。”

臭鱼：“IE7开始了，所有的浏览器都有tabs了。多个网页在一个浏览器中打开，如果在一个页面中出现了模式化窗口，要切换到其他页面都做不到 了。”

臭鱼：“有的时候只要提示，不需要操作。”Gmail只提示：

QQ空间上传成功的模式化窗口:

aaron：“应与开发制定一个规范，不一定模式化的东西就差，看情况。”（由此引出下面的话题~~）

模式化窗口分几类？

A类：3锁死2，锁死1，不完成3的操作，就不能进行其他操作。 B类：3锁死2，但不锁死1。（1通常是IE浏览器） C类：弹出3，可以进行2的操作和1上的其他操作。

什么情况下需要A类的，什么情况下需要B类的，什么情况下需要C类的？

aaron：“格式化磁盘，二次确认时需要A类。” 西贝：“与下页的操作息息相关，不进行判断，下步操作就不能进行操作时，需要A类。” 臭鱼：“对网页来讲，当前页锁定即可，不用alert锁定整个浏览器。属于B类” Hiseven：“对于网页来讲，都可以改成C类的形式，不用那么暴力。” Hiseven：“A类，在操作过程中，如安装，有取消按钮必须很明确。在C类形式，如QQ秀中“身上品”，有叉的形式表示关闭，不需要取消。”

小结一下：暂且把模式化窗口分为A类、B类和C类，A类比B类和C类要暴力，但是更安全。B类和C类更容易让用户操作。通常A类都用于非常重要的信 息时使用。欢迎大家进行补充~