當前位置:妙知谷 >

遊戲數碼 >IT技術 >

如何應用JavaScript中的彈窗

如何應用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張
標籤: javascript 彈窗
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/mv2xk.html