JavaScript中的三種彈出框


JavaScript中有三種彈出框,alert(),confirm(), prompt()。

1、alert()彈出一個警示框

使用alert,瀏覽器可以彈出一個警示框。alert()中可以填寫數字,填寫文本和字符的時候需要加引號,如alert(‘請確認周圍環境安全’),該消息框提供了一個“確定”按鈕讓用戶關閉該消息框,並且該消息框是模式對話框,也就是說,用戶必須先關閉該消息框然后才能繼續進行操作。

代碼:

<html> <head> <title>亦楓</title> <script language="javascript"> //JavaScript腳本標注 alert("上聯:山石岩下古木枯");//在頁面上彈出上聯 alert("下聯:白水泉邊少女妙");//在頁面上彈出下聯 </script> </head> </html>

執行上面的小例子,在頁面上彈出對話框並顯示一句話“上聯:山石岩下古木枯”,接着,單擊“確認”按鈕后再顯示第二個對話框並顯示“白水泉邊少女妙!”。

效果:

2、confirm()確認框

使用confirm,瀏覽器可以彈出一個確認框。 使用確認消息框可向用戶問一個“是-或-否”問題,並且用戶可以選擇單擊“確定”按鈕或者單擊“取消”按鈕。confirm 方法的返回值為 true 或 false。該消息框也是模式對話框:用戶必須在響應該對話框(單擊一個按鈕)將其關閉后,才能進行下一步操作。

代碼:

<html> <head> <title>編寫html頁面</title> <script language="javascript"> //js腳本標注 confirm("上聯:一但重泥攔子路;下聯:兩岸夫子笑顏回"); //在頁面上彈出確認對話框 </script> </head> </html>

效果:

3、prompt()提示消息框

提示消息框提供了一個文本字段,用戶可以在此字段輸入一個答案來響應您的提示。該消息框有一個“確定”按鈕和一個“取消”按鈕。如果您提供了一個輔助字符串參數,則提示消息框將在文本字段顯示該輔助字符串作為默認響應。與alert( ) 和 confirm( ) 方法類似,prompt 方法也將顯示一個模式消息框,用戶在繼續操作之前必須先關閉該消息框 。點擊確認后,會返回您輸入的結果,可以通過一個變量接收后,進行判斷。

代碼:

<html> <head> <title>編寫html頁面</title> <script language="javascript"> //js腳本標注 var name,age; name=prompt("請問你叫什么名字?"); /*在頁面上彈出提示對話框, 將用戶輸入的結果賦給變量name*/ alert(name); //輸出用戶輸入的信息 age=prompt("你今年多大了?","請在這里輸入年齡"); /*在頁面上再一次彈出提示對話框, 講用戶輸入的信息賦給變量age*/ alert(age)//輸出用戶輸入的信息 </script> </head> </html>

效果:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM