首先来了解一下什么是模态弹窗?
模态弹窗会打断用户的操作行为,强制用户必须进行操作,否则不可以进行其他操作。看看模态弹窗都长啥样吧!
一、常见的网页模态弹窗
第1种弹窗提示信息,只有一个确认按钮,只有提示的作用。有返回值,但返回结果一般不太重要。
alert的弹窗
第2种弹窗选择按钮,让用户选择确定或取消,然后会进入到不同的处理步骤,需要有返回值。
第3种弹窗输入内容,向用户提问,并要求在弹窗中输入文字,然后返回输入的内容。
二、某些浏览器提供禁止模态弹窗功能,直接在浏览器设置中修改即可,甚至还可以自动返回值,使操作不因弹窗而中断。
三、弹窗一般都是由javascript代码产生的,在项目管理器中可以设置禁用javascript,这样弹窗代码将不会被执行了,不弹窗也不存在返回值,会影响所有javascript脚本执行。但它不会影响项目管理器中的javascript代码执行。
四、自动检测模态弹窗,并关闭弹窗。这种方法适用于所有的第三方程序窗口,可以控制浏览器以外的应用程序窗口。设定检测频率,按窗口标题识别弹窗,可以强制关闭弹窗或向弹窗发送键盘事件。使用这种方法时,弹窗最多存活一个检测周期,往往一闪而过。
五、重载弹窗函数Alert,如下图所示,不但可以阻止弹窗,还可以获得弹窗显示的内容。
六、重载confirm函数,如下图所示,不但可以阻止弹窗,还可以直接选择确定还是取消。
七、重载prompt函数,如下图所示,不但可以阻止弹出输入框,还可以把输入的内容直接写在代码中。