当前位置：首页 > 资讯 > 系统环境 > 服务器应用

web前台入门到实战：JavaScript-提问（prompt 消息对话框）

时间：2020-04-24 20:49 作者：大前端世界来源：阅读：612
扫一扫，手机访问

摘要：1 !DOCTYPE html 2 html 3 head 4 meta charset="utf 8" 5 title JavaScript 提问（prompt 消息对话框） /title 6 script type=

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

全部评论(0)

上一篇：前台开发小技巧（Vue、JS、CSS）
下一篇：大专生自学前台开发经历

云上智慧

店铺

推荐商品