龙空技术网

自动关闭或禁止网页模态弹窗的几种方法

Mutousoft 287

前言:

现在小伙伴们对“js弹出模态窗口”大约比较注重,兄弟们都想要学习一些“js弹出模态窗口”的相关资讯。那么小编也在网络上收集了一些有关“js弹出模态窗口””的相关资讯,希望大家能喜欢,看官们一起来了解一下吧!

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

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

一、常见的网页模态弹窗

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

alert的弹窗

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

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

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

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

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

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

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

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

标签: #js弹出模态窗口