为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • if...else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。

    语法:

    if(条件)
    { 条件成立时执行的代码}
    else
    {条件不成立时执行的代码}

    假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司,否则你面试不成功,不能加入公司。

    代码表示如下:

    <script type="text/javascript">
      var mycarrer = "HTML"; //mycarrer变量存储技能
      if (mycarrer == "HTML")
        { document.write("你面试成功,欢迎加入公司。");  }
      else  //否则,技能不是HTML
        { document.write("你面试不成功,不能加入公司。");}
    </script>


    查看全部
  • 很多事情不只是做一次,要重复做。如打印10份试卷,每次打印一份,重复这个动作,直到打印完成。这些事情,我们使用循环语句来完成,循环语句,就是重复执行一段代码。

    for语句结构:

    for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }

    假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止。

    <script type="text/javascript">
    var num=1;
    for (num=1;num<=6;num++)  //初始化值;循环条件;循环后条件值更新{   document.write("取出第"+num+"个球<br />");
    }
    </script>

    执行思路:


    查看全部
  • 当有很多种选项的时候,switch比if else使用更方便。

    语法:

    switch(表达式){case值1:
      执行代码块 1  break;case值2:
      执行代码块 2  break;...case值n:
      执行代码块 n  break;default:
      与 case值1 、 case值2...case值n 不同时执行的代码
    }
    
    语法说明:
    
    Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。

    任务

    我们来做个周计划,周一、二学习理念知识,周三、四到企业实践,周五总结经验,周六、日休息和娱乐。请根据星期几做出选择,使用Switch语句完成,补充右边代码编辑器中第8、20、21行代码,完成星期几的判断。


    查看全部
  • 第一步:定义一个数组,存储要展示的图形。

    查看全部
    0 采集 收起 来源:编程练习

    2018-09-02

  • <!DOCTYPE HTML>

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

            <title>无标题文档</title>

        </head>

        

        <body>

            <form>

              请选择你爱好:<br>

              <input type="checkbox" name="hobby" id="hobby1">  音乐

              <input type="checkbox" name="hobby" id="hobby2">  登山

              <input type="checkbox" name="hobby" id="hobby3">  游泳

              <input type="checkbox" name="hobby" id="hobby4">  阅读

              <input type="checkbox" name="hobby" id="hobby5">  打球

              <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>

              <input type="button" value = "全选" onclick = "checkall();">

              <input type="button" value = "全不选" onclick = "clearall();">

              <p>请输入您要选择爱好的序号,序号为1-6:</p>

              <input id="wb" name="wb" type="text" >

              <input name="ok" type="button" value="确定" onclick = "checkone();">

            </form>

            <script type="text/javascript">

            function checkall(){

                var hobby = document.getElementsByTagName("input");

               for(var i=0;i<hobby.length;i++){

    if(hobby[i].type == "checkbox"){

    hobby[i].checked = true;

    }

       }

            }

            function clearall(){

                var hobby = document.getElementsByName("hobby");

                for(var i=0;i<hobby.length;i++){

    if(hobby[i].type == "checkbox"){

    hobby[i].checked = false;

    }

       }   

                

            }

            

            function checkone(){

                var j=document.getElementById("wb").value;

    document.getElementById("hobby"+j).checked = true;

            }

            

            </script>

        </body>

    </html>


    查看全部
  • 试一试,创建二维数组(一维长度3,二维长度6),值为一维数组和二维数组索引值的积,如myarr[2][5]=2*5。

    在右边编辑器的script标签内,创建该二维数组


    查看全部
    0 采集 收起 来源:二维数组

    2018-09-02

  • 在右边编辑器中,已创建数组mynum,并赋值65,90,88,98。
    1. 在右边编辑器的第8行,使用length属性显示数组长度。

    查看全部
  • 变量myarr保存4个人的姓名,现在看看第二个人的姓名是什么?
    1.在右边编辑器的第12行补充代码,显示第二个人的姓名。(?位置写代码)

    查看全部
  • 数组中已有三个数值88,90,68,为数组新增加一个元素(第四个),值为99。

    查看全部
  • 数组创建好,接下来我们为数组赋值。我们把数组看似旅游团的大巴车,大巴车里有很多位置,每个位置都有一个号码,顾客要坐在哪个位置呢?

    查看全部
  • 在右边编辑器中第10行补充代码,在“jq1= ”后输入!(numa<numb),看看结果是什么。

    查看全部
  • 1.创建的新数组是空数组,没有值,如输出,则显示undefined。
    2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

    查看全部
  • 数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一个相应的值,根据需要添加更多数值。

    查看全部
  • 我认为 a 的值是:5 b的值是:2sum 的值是:true
    答案是,第一轮计算后,a 为:5;b为:2;第一次计算sum为:true
    再一次计算后,我认为 a 的值是:6 b的值是:1sum 的值是:27
    答案是,第二轮计算后,a 为:6;b为:1;第二次计算sum为:27,sum的类型也发生变化了。

    查看全部
    0 采集 收起 来源:编程练习

    2018-09-02

  • 操作符之间的优先级为:

    算术操作符 比较操作符 逻辑操作符 "="赋值符号


    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!