search

博客列表 >12月16号 JS基础：变量、函数，条件语句及循环语句

12月16号 JS基础：变量、函数，条件语句及循环语句

遗忘了寂寞
遗忘了寂寞原创
2019年12月17日 12:13:38589浏览

变量的声明

  1. <script type="text/javascript">
  2.     //变量的声明
  3.     var cj=90;
  4.     //在控制台输入变量
  5.     console.log(cj);
  6. </script>

函数声明

  1. <script type="text/javascript">
  2.     //函数声明
  3.     function fun(){
  4.         //函数体，弹出“这是一个函数”
  5.         alert('这是一个函数');
  6.     }
  7.     //函数的调用
  8.     fun();
  10. </script>

条件控制语句 if

  1. <script type="text/javascript">
  2.     //条件控制语句 if 
  3.         function achievement1(){
  4.         var my_cj=90;
  5.         if(my_cj>90){
  6.         alert('优');    
  7.         }else if(my_cj<=90 && my_cj>70){
  8.             alert('良');
  9.         }else{
  10.             alert('差');
  11.         }
  12.     }
  15.     //函数的调用
  16.     // achievement1();
  18. </script>

条件控制语句 switch

  1. <script type="text/javascript">
  3.     //条件控制语句 switch
  4.         function achievement2(){
  5.         var my_cj=60;
  6.         switch(true){
  7.             case (my_cj >90):
  8.             alert('优');
  9.             break;
  10.             case (my_cj >70):
  11.             alert('良');
  12.             break;
  13.             default:
  14.             alert('差');
  15.             break;
  16.         }
  17.     }
  20.     //函数的调用
  21.     // achievement2();
  23. </script>

if 优化

  1. <script type="text/javascript">
  2.     //if 优化
  3.         function achievement3(){
  4.         var my_cj=99;
  5.         if (my_cj>90){
  6.             alert('优');
  7.         }
  8.         if (my_cj<=90 && my_cj>70){
  9.             alert('良');
  10.         }
  11.         if (my_cj<=70){
  12.             alert('差');
  13.         }
  14.     }
  16.     //函数的调用
  17.     // achievement3();
  19. </script>

循环 使用三种循环在控制台输入1-10

  1. <script type="text/javascript">
  2.             //在控制台输入1-10
  3.             //1、for循环 
  4.             function shuchu1(){
  5.                 for(var i=1;i<=10;i++){
  6.                     console.log(i);
  7.                 }
  8.             }
  9.             //2、while循环
  10.             function shuchu2(){
  11.                 var i=1;
  12.                 while (i<=10){
  13.                     console.log(i);
  14.                     i++;
  15.                 }
  16.             }
  17.             //3、do while循环
  18.             function shuchu3(){
  19.                 var i=1;
  20.                 do{
  21.                     console.log(i);
  22.                     i++;
  23.                 }while (i<=10);
  24.             }
  25.             //函数的调用
  26.             shuchu3();
  28.         </script>

数据类型转换：parseInt、isNaN函数的使用

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title></title>
  6.     </head>
  7.     <body>
  8.         <input type="text" name="" id="age" value="" placeholder="请输入您的年龄" />
  9.         <button onclick="ageJc();">提交</button>
  10.         <script type="text/javascript">
  11.             //获取age的值
  12.             function ageJc(){
  13.                 var age=document.getElementById("age").value;
  14.                 age=parseInt(age);
  15.                 if(isNaN(age)){
  16.                     return alert('年龄应该是数字！请重新输入');
  17.                 }
  18.                 if(age<0 || age>150){
  19.                     return alert('年龄应该在0到150之前！请重新输入');
  20.                 }
  21.                 return alert('你输入的年龄是：'+age);
  22.             }
  24.         </script>
  25.     </body>
  26. </html>

上一条：12月16日JS基础(变量.流程控制.循环.类型转换)-九期线上班下一条：12月16日- JS基础（一）
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多