首先来了解一下什么是模态弹窗?

模态弹窗会打断用户的操作行为,强制用户必须进行操作,否则不可以进行其他操作。看看模态弹窗都长啥样吧!

一、常见的网页模态弹窗

第1种弹窗提示信息,只有一个确认按钮,只有提示的作用。有返回值,但返回结果一般不太重要。

怎么设置禁止弹出网页(如何防止网页弹窗)(1)

alert的弹窗

第2种弹窗选择按钮,让用户选择确定或取消,然后会进入到不同的处理步骤,需要有返回值。

怎么设置禁止弹出网页(如何防止网页弹窗)(2)

第3种弹窗输入内容,向用户提问,并要求在弹窗中输入文字,然后返回输入的内容。

怎么设置禁止弹出网页(如何防止网页弹窗)(3)

二、某些浏览器提供禁止模态弹窗功能,直接在浏览器设置中修改即可,甚至还可以自动返回值,使操作不因弹窗而中断。

怎么设置禁止弹出网页(如何防止网页弹窗)(4)

三、弹窗一般都是由javascript代码产生的,在项目管理器中可以设置禁用javascript,这样弹窗代码将不会被执行了,不弹窗也不存在返回值,会影响所有javascript脚本执行。但它不会影响项目管理器中的javascript代码执行。

怎么设置禁止弹出网页(如何防止网页弹窗)(5)

四、自动检测模态弹窗,并关闭弹窗。这种方法适用于所有的第三方程序窗口,可以控制浏览器以外的应用程序窗口。设定检测频率,按窗口标题识别弹窗,可以强制关闭弹窗或向弹窗发送键盘事件。使用这种方法时,弹窗最多存活一个检测周期,往往一闪而过。

怎么设置禁止弹出网页(如何防止网页弹窗)(6)

五、重载弹窗函数Alert,如下图所示,不但可以阻止弹窗,还可以获得弹窗显示的内容。

怎么设置禁止弹出网页(如何防止网页弹窗)(7)

六、重载confirm函数,如下图所示,不但可以阻止弹窗,还可以直接选择确定还是取消。

怎么设置禁止弹出网页(如何防止网页弹窗)(8)

七、重载prompt函数,如下图所示,不但可以阻止弹出输入框,还可以把输入的内容直接写在代码中。

怎么设置禁止弹出网页(如何防止网页弹窗)(9)