网站谈弹出层和弹出窗口的区别

谈弹出层和弹出窗口之前跟虚拟主机需求的时候，小郭有反映过我用的弹出层太多了，很多不是用层而是用弹出窗口。我之前不是太理解弹出层和弹出窗口的区别。这个周末找了一些关于弹出层和弹出窗口的资料，总结如下：目前Oray网站上弹出层和弹出窗口都有使用，下图为网站中的弹出窗口下图为网站中的弹出层：那么什么时候用弹出层，什么时候用弹出窗口呢？要想区别应用它们，首先应了解它们之间的不同点。总结了弹出层和弹出窗口的区别有：项目弹出层弹出窗口包含的信息和操作项比较多比较少显示风格能设计成和Oray网站风格统一固定为系统窗口的样式对本窗口的操作不能移动弹出层的位置可移动窗口的位置从而看到页面上的信息对其他窗口的操作能点击其他窗口进行其他操作锁死浏览器中的所有窗口实现难度要另外做图，并用javascript实现实现方式比较简单兼容性不好好找出不同点之后，要明白什么情况下会用到它们。下列三种情况比较常用到弹出层或弹出窗口：第一种情况，对比较重要的操作进行二次确认，如：购买、删除、修改、关闭···等一些影响比较大或者不可逆的操作，如：第二种情况，展示少量的信息，如：第三种情况反馈操作结果。对于第一种情况，一般选用弹出窗口，除了实现简便的原因以外，就是弹出窗口能移动位置从而对弹出窗口下面需要进行确认的信息或操作进行重新核对。对于第二种情况，一般选用弹出层，主要是因为信息的显示样式可以根据需要可以自定义，同时和网站的显示风格相统一对于第三种情况，我们网站上目前主要以页头显示提示的方式代替，以达到尽量避免打断用户的操作。最后，应用它们时，应遵守用户的习惯，但也要根据实际情况来定。一般弹出层的操作选择有：【确认、取消】【保存、取消】【是、否】【继续、取消】按钮的命名应根据实际情况，尽量区别出操作而避免造成歧义。如下面那个确认层将会造成用户的歧义：这里的【取消】就很容易让用户造成歧义。除此之外，一般正面、肯定的操作按钮放在左边，否定的按钮放在右边。