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:输入你的成绩,根据输入的成绩做出评价
专门建立的学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习技巧
(从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)
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;注意:在用户点击对话框的按钮前,不能进行任何其它操作
网友评论