美文网首页让前端飞Web前端之路网页前端后台技巧(CSS+HTML)
web前端入门到实战:JavaScript-提问(prompt

web前端入门到实战:JavaScript-提问(prompt

作者: 大前端世界 | 来源:发表于2020-04-16 14:06 被阅读0次
     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;注意:在用户点击对话框的按钮前,不能进行任何其它操作

    相关文章

      网友评论

        本文标题:web前端入门到实战:JavaScript-提问(prompt

        本文链接:https://www.haomeiwen.com/subject/vjscvhtx.html