JavaScript 消息框 · W3School Javascript & jQuery 教程

# JavaScript 消息框 **可以在 JavaScript 中創建三種消息框：警告框、確認框、提示框。** ## 實例 [警告框](/tiy/t.asp?f=jseg_alert) ``` <html> <head> <script type="text/javascript"> function disp_alert() { alert("我是警告框！！") } </script> </head> <body> <input type="button" onclick="disp_alert()" value="顯示警告框" /> </body> </html> ``` [帶有折行的警告框](/tiy/t.asp?f=jseg_alert2) ``` <html> <head> <script type="text/javascript"> function disp_alert() { alert("再次向您問好！在這里，我們向您演示" + '\n' + "如何向警告框添加折行。") } </script> </head> <body> <input type="button" onclick="disp_alert()" value="顯示警告框" /> </body> </html> ``` [確認框](/tiy/t.asp?f=jseg_confirm) ``` <html> <head> <script type="text/javascript"> function show_confirm() { var r=confirm("Press a button!"); if (r==true) { alert("You pressed OK!"); } else { alert("You pressed Cancel!"); } } </script> </head> <body> <input type="button" onclick="show_confirm()" value="Show a confirm box" /> </body> </html> ``` [提示框](/tiy/t.asp?f=jseg_prompt) ``` <html> <head> <script type="text/javascript"> function disp_prompt() { var name=prompt("請輸入您的名字","Bill Gates") if (name!=null && name!="") { document.write("你好！" + name + " 今天過得怎么樣？") } } </script> </head> <body> <input type="button" onclick="disp_prompt()" value="顯示提示框" /> </body> </html> ``` ## 警告框警告框經常用于確保用戶可以得到某些信息。當警告框出現后，用戶需要點擊確定按鈕才能繼續進行操作。 ### 語法： ``` alert("文本") ``` ## 確認框確認框用于使用戶可以驗證或者接受某些信息。當確認框出現后，用戶需要點擊確定或者取消按鈕才能繼續進行操作。如果用戶點擊確認，那么返回值為 true。如果用戶點擊取消，那么返回值為 false。 ### 語法： ``` confirm("文本") ``` ## 提示框提示框經常用于提示用戶在進入頁面前輸入某個值。當提示框出現后，用戶需要輸入某個值，然后點擊確認或取消按鈕才能繼續操縱。如果用戶點擊確認，那么返回值為輸入的值。如果用戶點擊取消，那么返回值為 null。 ### 語法： ``` prompt("文本","默認值") ```