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


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

  • 相关阅读:
    iOS开发官方文档汇总
    Hadoop安装配置手册
    访问.Net程序集、COM和WMI
    UML用例图教程详解
    JIRA的详细安装和破解
    [转]编程经典好书分类
    走向资深架构师的旅程
    12款响应式 Lightbox(灯箱)效果插件
    ASP.NET MVC应用程序的安全性介绍总括
    MapReduce篇之InputFormat
  • 原文地址:https://www.cnblogs.com/webaction/p/12489745.html
Copyright © 2020-2023  润新知