首先来了解一下什么是模态弹窗?
模态弹窗会打断用户的操作行为,强制用户必须进行操作,否则不可以进行其他操作。看看模态弹窗都长啥样吧!

一、常见的网页模态弹窗

第1种弹窗提示信息,只有一个确认按钮,只有提示的作用。有返回值,但返回结果一般不太重要。
详解利用JS禁止网页弹窗方法_输入框

第2种弹窗选择按钮,让用户选择确定或取消,然后会进入到不同的处理步骤,需要有返回值。
详解利用JS禁止网页弹窗方法_提示信息_02

第3种弹窗输入内容,向用户提问,并要求在弹窗中输入文字,然后返回输入的内容。
详解利用JS禁止网页弹窗方法_输入框_03

案例一、重载弹窗函数Alert,如下图所示,不但可以阻止弹窗,还可以获得弹窗显示的内容。
详解利用JS禁止网页弹窗方法_返回结果_04

案例二、重载confirm函数,如下图所示,不但可以阻止弹窗,还可以直接选择确定还是取消。
详解利用JS禁止网页弹窗方法_返回结果_05

案例三、重载prompt函数,如下图所示,不但可以阻止弹出输入框,还可以把输入的内容直接写在代码中。
详解利用JS禁止网页弹窗方法_输入框_06