1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title> JavaScript-提問（prompt 消息對話框）</title> 6 <script type="text/javascript"> 7 // var myname=prompt("腳本提示1","腳本提示2","請輸入你的姓名"); 8 // var myname=prompt("問卷調查","請輸入你的姓名"); 9 var myname=prompt("請輸入你的姓名"); 10 if(myname!=null){ 11 alert("你好"+myname); 12 } 13 else{ 14 alert("你好 my friends"); 15 } 16 </script> 17 </head> 18 <body> 19 </body> 20 </html>
prompt彈出消息對話框,通常用於詢問一些需要與用戶交互的信息，彈出消息對話框（包含一個確定按鈕、取消按鈕與一個文本輸入框）。e.g：輸入你的成績，根據輸入的成績做出評價
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>JavaScript-提問（prompt 消息對話框）</title> 6 <script type="text/javascript"> 7 function score(){ 8 var scroe; 9 score=prompt("輸入成績，做出評價"); 10 if(score>=90){ 11 document.write("很棒，和我一樣優秀"); 12 } 13 else if(score>=80){ 14 document.write("80都有了，90還遠嗎"); 15 } 16 else if(score>=70){ 17 document.write("不錯呦，在60基礎上進步10分"); 18 } 19 else if(score>=60){ 20 document.write("謝謝老天，我終於及格了"); 21 } 22 else{ 23 document.write("你要加油，不然我會傷心難過"); 24 } 25 } 26 // score(); 27 </script> 28 </head> 29 <body> 30 <form action="" method=""> 31 <input type="button" name="" id="" value="輸入成績查看評價" onclick="score()"/> 32 </form> 33 </body> 34 </html>
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>prompt 消息對話框</title> 6 <script type="text/javascript"> 7 function rec(){ 8 var score; //score變量，用來存儲用戶輸入的成績值。 9 score = prompt("輸入你的成績,根據輸入的成績做出評價"); 10 if(score>=90) 11 { 12 document.write("你很棒!"); 13 } 14 else if(score>=75) 15 { 16 document.write("不錯吆!"); 17 } 18 else if(score>=60) 19 { 20 document.write("要加油!"); 21 } 22 else 23 { 24 document.write("要努力了!"); 25 } 26 } 27 // rec();//函數定義好后，是不能自動執行的，所以需調用它,只需直接在需要的位置寫函數就ok了 28 </script> 29 </head> 30 <body> 31 <input name="button" type="button" onClick="rec()" value="點擊我，對成績做評價!" /> 32 </body> 33 </html>
總結：函數定義好后，是不能自動執行的，所以需調用它,只需直接在需要的位置寫函數就ok了!語法:prompt(str1, str2);參數說明：str1: 要顯示在消息對話框中的文本，不可修改；str2：文本框中的內容，可以修改；返回值:1. 點擊確定按鈕，文本框中的內容將作為函數返回值2. 點擊取消按鈕，將返回null；注意:在用戶點擊對話框的按鈕前，不能進行任何其它操作