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;注意:在用户点击对话框的按钮前,不能进行任何其它操作