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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • location对象

    53605c5a0001b26909900216.jpg

    查看全部
    0 采集 收起 来源:Location对象

    2019-02-21

  • 鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序

    查看全部
  • 第三任务只要两步,果然有很多不同的办法。

    <!DOCTYPE HTML>

    <html>

        <head>

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

            <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<7;i++)

                {

                        hobby[i].checked = true;

                }

              // 任务1 

               

            }

            function clearall(){

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

                

             // 任务2    

               for(var i = 0; i<7;i++){

                   hobby[i].checked = false;

               } 

            }

            

            function checkone(){

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

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

             // 任务3

                hobby[parseInt(j)-1].checked =true;

            }

            

            </script>

        </body>

    </html>


    查看全部
  • 继续循环continue

    continue的作用是仅仅跳过本次循环,而整个循环体继续执行。

    语句结构:

    for(初始条件;判断条件;循环后条件值更新) {   if(特殊情况)   { continue; }  循环代码 }

    上面的循环中,当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响。好比输出10个数字,如果数字为5就不输出了。


    查看全部
  • 退出循环break

    在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。

    格式如下:

    for(初始条件;判断条件;循环后条件值更新) {   if(特殊情况)   {break;}   循环代码 }

    当遇到特殊情况的时候,循环就会立即结束。看看下面的例子,输出10个数,如果数值为5,就停止输出。


    查看全部
    0 采集 收起 来源:退出循环break

    2019-02-20

  • 来来回回(Do...while循环)

    do while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。

    do...while语句结构:

    do {     循环语句  } while(判断条件)


    查看全部
  • while语句结构:

    while(判断条件){
        循环语句
     }


    查看全部
  • 重复重复(for循环)

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

    for语句结构:

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


    查看全部
  • 多种选择(Switch语句)

    当有很多种选项的时候,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后的语句。

    假设评价学生的考试成绩,10分满分制,我们按照每一分一个等级将成绩分等,并根据成绩的等级做出不同的评价。


    查看全部
  • .....https://img1.sycdn.imooc.com//5c6d5b5a00016b8712680906.jpg

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

    2019-02-20

  • 多重判断(if..else嵌套语句)

    要在多组语句中选择一组来执行,使用if..else嵌套语句。

    语法:

    if(条件1) { 条件1成立时执行的代码} else  if(条件2) { 条件2成立时执行的代码} ... else  if(条件n) { 条件n成立时执行的代码} else { 条件1、2至n不成立时执行的代码}


    查看全部
  • if...else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。

    语法:

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


    查看全部
  • function add2(x,y)


    查看全部
    0 采集 收起 来源:有参数的函数

    2019-02-20

  • 语法:

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

    注意:if小写,大写字母(IF)会出错!

    假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司。代码表示如下:

    <script type="text/javascript">
      var mycarrer = "HTML";
      if (mycarrer == "HTML")  {    document.write("你面试成功,欢迎加入公司。");
      }
    </script>


    查看全部
  • 3.不允许使用JavaScript关键字和保留字做变量名
    查看全部

举报

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

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