javascript
JavaScript消息框应用
在JavaScript中可以創建如下三種消息框:
??警告框
用于提示用戶得到某些信息,當警告框出現后,用戶需要點擊“確定”按鈕才可以繼續操作。
??確認框
用于使用戶可以驗證或者接受某些信息,當確認框出現后,用戶需要點擊“確定”或者“取消”按鈕才能繼續操作。確定的返回值為true,取消的返回值為false。
??提示框
用戶提示用戶需要輸入某個值,然后點擊“確定”或者“取消”按鈕繼續操作。如果用戶點擊“確定”按鈕,則其返回值為用戶所輸入的值,點擊“取消”的返回值為false。
下面分別舉例進行說明。
?
1.?警告框
代碼如下:
| <html> ? <head> ? ? <script?type="text/javascript"> ? ? ? function?dis_alert()?{ ? ? ? ? alert("這是一個警告框!") ? ? ?} ? ? ?</script> ? ?</head> ? ?<body> ? ? ?<input?type="button"?οnclick="dis_alert()"?value="此為警告框"?/> ? ?</body> </html> |
?
單擊此按鈕后,效果如下:
?
2.?確認框
代碼如下:
| <html> ? ?<head> ? ? ? <script?type="text/javascript"> ? ? ? ? function?dis_confirm()?{ ? ? ? ? ? ? var?r=confirm("請點擊一個按鈕!"); ? ? ? ? ? ? if?(r==true)? { ? ? ? ? ? ? ? ? alert("您點擊了確定按鈕!"); ? ? ? ? ? ?}else? { ? ? ? ? ? ? ? ? alert("您點擊了取消按鈕!"); ? ? ? ? ? } ? ? ? ?} ? ? ? </script> ? ? </head> ? ? <body> ? ? ? ??<input?type="button"?οnclick="dis_confirm()"?value="此為確認框"?/> ? ??</body> </html> |
單擊此按鈕后,效果如下:
?
?
3.?提示框
代碼如下:
| ?<html> ? ?<head> ? ? ?<script?type="text/javascript"> ? ? ? ?function?dis_prompt()? { ? ? ? ? ? var?weather=prompt("今天天氣如何","") ? ? ? ? ? if?(weather!=null?&&?weather!="")? ? { ? ? ? ? ? ? document.write("今天是個"?+?weather?+?"的天氣!") ? ? ? ? ?} ? ? ? } ? ? </script> ? </head> ? <body> ? ??<input?type="button"?οnclick="dis_prompt()"?value="此為提示框"?/> ??</body> </html> |
單擊此按鈕后,效果如下:
?
轉載于:https://www.cnblogs.com/dreamer-fish/archive/2012/12/13/2815676.html
總結
以上是生活随笔為你收集整理的JavaScript消息框应用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: #翻译NO.4# --- Spring
- 下一篇: Kalileo中DiagramGroup