当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript-提问（prompt 消息对话框）

JavaScript-提问（prompt 消息对话框）

2020年03月14日  | 移动技术网IT编程  | 我要评论 
 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；注意:在用户点击对话框的按钮前，不能进行任何其它操作

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网