JavaScript彈出框

提到彈出框，首先想到的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 彈出框 請選擇確定或取消");  //顯示使用者選擇的confirm if(conf==true){ alert("您選擇了：確定"); }else { alert("您選擇了：取消") }</script>

結果：

點擊確定後：

3，允許輸入內容

介面顯示文字框，使用者可輸入，用prompt（）實現

代碼：

<script language="javascript">     //prompt彈出框執行個體     var name=prompt("請輸入您的名字：");  //彈出使用者輸入的資訊； alert(name);</script>

結果：

點擊確定後：

點擊取消後：

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