提到彈出框，首先想到的alert()了，其次想到的也還是alert（），其實在js中有三種彈出框，下面我們一一說明。

1，僅確定。

?即：對話框界面上只有確定按鈕。該功能可以使用alert（）方法實現。

代碼：

<script language="javascript">//alert彈出框實例alert("Hello Everyone!");alert("Bye!");</script>

結果：

點擊確定后：

總結：

1，js中每個alert（）語句都會彈出一個對話框，不覆蓋。

2，對話框是由瀏覽器產生的，js語句只是觸發其發生而已。因此不同瀏覽器的彈出框樣式會有所差別。

2，確定和取消

即:對話框界面上有確定和取消，用confirm（）實現

代碼：

<script language="javascript">//confirm彈出框實例confirm("confirm 彈出框");</script>

結果：

這里需要注意：無論我們點擊確定還是取消，彈出框都會關閉，不同的是我們點擊確定，confirm（）返回true，否則返回false。

下面我們用代碼展示：

代碼：

<script language="javascript">//confirm彈出框實例var conf=confirm("confirm 彈出框 請選擇確定或取消");//顯示用戶選擇的confirmif(conf==true){alert("您選擇了：確定");}else {alert("您選擇了：取消")} </script>

結果：

點擊確定后：

3，允許輸入內容

界面顯示文本框，用戶可輸入，用prompt（）實現

代碼：

<script language="javascript">//prompt彈出框實例var name=prompt("請輸入您的名字：");//彈出用戶輸入的信息；alert(name); </script>

結果：

點擊確定后：

點擊取消后：

三種樣式的彈出框是最基本的，也是最簡單的，根據不同情況選擇使用哪種。

總結

以上是生活随笔為你收集整理的JavaScript弹出框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。