欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript-提问(prompt 消息对话框)

程序员文章站 2022-06-25 08:43:04
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息,弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。通过举例练习,确认A.函数定义好后,是不能自动执行的,所以需调用它,只需直接在需要的位置写函数就ok了!B.prompt语法:prompt(str1, str2);参数说明... ......
 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;注意:在用户点击对话框的按钮前,不能进行任何其它操作