| ylbtech:消息框(alert,confirm,prompt) |
可以在 JavaScript 中創建三種消息框：警告框、確認框、提示框。
警告框
警告框經常用於確保用戶可以得到某些信息。
當警告框出現后，用戶需要點擊確定按鈕才能繼續進行操作。
語法：
alert("文本")
確認框
確認框用於使用戶可以驗證或者接受某些信息。
當確認框出現后，用戶需要點擊確定或者取消按鈕才能繼續進行操作。
如果用戶點擊確認，那么返回值為 true。如果用戶點擊取消，那么返回值為 false。
語法：
confirm("文本")
提示框
提示框經常用於提示用戶在進入頁面前輸入某個值。
當提示框出現后，用戶需要輸入某個值，然后點擊確認或取消按鈕才能繼續操縱。
如果用戶點擊確認，那么返回值為輸入的值。如果用戶點擊取消，那么返回值為 null。
語法：
prompt("文本","默認值")
| 1.1.1,警告框返回頂部 |
1.1.1.1,警告框
<html> <head> <script type="text/javascript"> function disp_alert() { alert("我是警告框！！") } </script> </head> <body> <input type="button" onClick="disp_alert()" value="顯示警告框" /> </body> </html>
1.1.1.2,帶有折行的警告框
<html> <head> <script type="text/javascript"> function disp_alert() { alert("再次向您問好！在這里，我們向您演示" + '\n' + "如何向警告框添加折行。") } </script> </head> <body> <input type="button" onClick="disp_alert()" value="顯示警告框" /> </body> </html>
| 1.1.2，確認框返回頂部 |
<html> <head> <script type="text/javascript"> function show_confirm() { var r=confirm("按下一個按鈕!"); if (r==true) { alert("按下 確定!"); } else { alert("按下 取消!"); } } </script> </head> <body> <input type="button" onClick="show_confirm()" value="展示一個確認框" /> </body> </html>
| 1.1.3，提示框返回頂部 |
<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>
| 如果你想把某門功課學好，除非花費更多的時間，並沒有更好的方法。23:26 2013/1/8 |
 |
作者：ylbtech 出處：http://ylbtech.cnblogs.com/ 本文版權歸作者和博客園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。 |