如何應用JavaScript中的彈窗

來源:酷知科普網 1.22W

工具/材料

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張
熱門標籤