首先来了解一下什么是模态弹窗?
模态弹窗会打断用户的操作行为,强制用户必须进行操作,否则不可以进行其他操作。看看模态弹窗都长啥样吧!
一、常见的网页模态弹窗
第1种弹窗提示信息,只有一个确认按钮,只有提示的作用。有返回值,但返回结果一般不太重要。
第2种弹窗选择按钮,让用户选择确定或取消,然后会进入到不同的处理步骤,需要有返回值。
第3种弹窗输入内容,向用户提问,并要求在弹窗中输入文字,然后返回输入的内容。
案例一、重载弹窗函数Alert,如下图所示,不但可以阻止弹窗,还可以获得弹窗显示的内容。
案例二、重载confirm函数,如下图所示,不但可以阻止弹窗,还可以直接选择确定还是取消。
案例三、重载prompt函数,如下图所示,不但可以阻止弹出输入框,还可以把输入的内容直接写在代码中。