Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 12月16号 JS基础：变量、函数，条件语句及循环语句
Blogger Information
Blog 34
fans 2
comment 0
visits 23158
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
12月16号 JS基础：变量、函数，条件语句及循环语句
遗忘了寂寞
Original
590 people have browsed it

变量的声明

  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>

Correcting teacher：西门大官人西门大官人

Correction status：qualified

Teacher's comments：if优化那块，最好加个return跳出当前函数
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post