如何應用JavaScript中的彈窗

工具/材料

Sublime Text

操作方法

首先打開Sublime Text,創建一個如下圖所示的HTML結構,注意編碼方式要選擇utf-8

如何應用JavaScript中的彈窗

然後我們先來看一下警告框的用法,如下圖所示,運用alert來調用警告框,alert中傳入的是警告信息

如何應用JavaScript中的彈窗 第2張

運行程序以後,你會看到如下圖所示的彈出提示,用戶點擊確定的時候,彈窗就關閉了

如何應用JavaScript中的彈窗 第3張

接下來是確認框的使用,在JavaScript中用confirm調用確認彈出框,confirm和alert一樣,只能傳入一個信息參數,如下圖所示

如何應用JavaScript中的彈窗 第4張

運行程序以後,在頁面中就顯示瞭如下的確認彈出框。用戶可以點擊確定或者取消,點擊確定會返回true,點擊取消會返回false

如何應用JavaScript中的彈窗 第5張

最後,我們來看一下prompt信息彈出框,如下圖所示,prompt接收2個參數,一個是信息描述,一個是用戶默認輸入項

如何應用JavaScript中的彈窗 第6張

調試頁面,你就可以在頁面中看到如下圖所示的信息提示框,用戶可以輸入內容,點擊確定以後,輸入的內容就會返回

如何應用JavaScript中的彈窗 第7張