首先來了解一下什么是模態彈窗?
模態彈窗會打斷用戶的操作行為,強制用戶必須進行操作,否則不可以進行其他操作。看看模態彈窗都長啥樣吧!
一、常見的網頁模態彈窗
第1種彈窗提示信息,只有一個確認按鈕,只有提示的作用。有返回值,但返回結果一般不太重要。
第2種彈窗選擇按鈕,讓用戶選擇確定或取消,然后會進入到不同的處理步驟,需要有返回值。
第3種彈窗輸入內容,向用戶提問,並要求在彈窗中輸入文字,然后返回輸入的內容。
案例一、重載彈窗函數Alert,如下圖所示,不但可以阻止彈窗,還可以獲得彈窗顯示的內容。
案例二、重載confirm函數,如下圖所示,不但可以阻止彈窗,還可以直接選擇確定還是取消。
案例三、重載prompt函數,如下圖所示,不但可以阻止彈出輸入框,還可以把輸入的內容直接寫在代碼中。