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

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

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

变量的声明

  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();
  9. </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. }
  13. //函数的调用
  14. // achievement1();
  15. </script>

条件控制语句 switch

  1. <script type="text/javascript">
  2. //条件控制语句 switch
  3. function achievement2(){
  4. var my_cj=60;
  5. switch(true){
  6. case (my_cj >90):
  7. alert('优');
  8. break;
  9. case (my_cj >70):
  10. alert('良');
  11. break;
  12. default:
  13. alert('差');
  14. break;
  15. }
  16. }
  17. //函数的调用
  18. // achievement2();
  19. </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. }
  15. //函数的调用
  16. // achievement3();
  17. </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();
  27. </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. }
  23. </script>
  24. </body>
  25. </html>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议