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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 看看三种获取节点的方法?

     function getValue()

              {

                  var myH = document.getElementById("myHead");

                  alert(myH.innerHTML)

              }

              function getElements()

              {

                 var myS = document.getElementsByName("sex");

                  alert(myS.length);

              }


              function getTagElements()

              {

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

                  alert(myI.length);

              }



    查看全部
  •  function  app2(x,y)
      { var sum,x,y;
        sum = x * y;
        return sum;
      }
      var req1 = app2(5,6);
      var req2 = app2(2,3);
      var sumq = req1 + req2;
    document.write("req1的值:"+req1+"<br/>");
    document.write("req2的值:"+req2+"<br/>");
    document.write(req1+"与"+req2+"和:"+sumq);

    查看全部
    0 采集 收起 来源:返回值的函数

    2019-01-20

  • function  函数名( ){
         函数体;
    }


    查看全部
    0 采集 收起 来源:定义函数

    2019-01-19

  • JavaScript数组的length属性是可变的,这一点需要特别注意。

    查看全部
  • function nid(a,b){

        if(a>b){

            return a

        }

        else if(a<b)

        {

            return b

        }

        else

        {

            return "same"

        }

    }//定义函数

    //函数体,判断两个整数比较的三种情况

    //调用函数,实现下面两组数中,返回较大值。

      document.write(" 5 和 4 的较大值是:"+nid(5,4)+"<br>");

      document.write(" 6 和 3 的较大值是:" +nid(6,3)+"<br>");

      document.write(" 5 和 5 相等的,所以是:" +nid(5,5)+"<br>")


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

    2019-01-18

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">

    var infos = [

    ['小A','女',21,'大一'], 

    ['小B','男',23,'大三'],

    ['小C','男',24,'大四'], 

    ['小D','女',21,'大一'],

    ['小E','女',22,'大四'], 

    ['小F','男',21,'大一'],

    ['小G','女',22,'大二'],  

    ['小H','女',20,'大三'],

    ['小I','女',20,'大一'],  

    ['小J','男',20,'大三']

    ]

    document.write("(小A:女,21,大一)" +"<br>"+  "(小B:男,23,大三)"+"<br>"+


        "(小C:男,24,大四)"+"<br>" + "(小D:女,21,大一)"+"<br>"+ "(小E:女,22,大四)"+"<br>"+ "(小F:男,21,大一)"+"<br>"+

        "(小G:女,22,大二)" +"<br>"+ "(小H:女,20,大三)"+"<br>"+


        "(小I:女,20,大一)"+"<br>"+ "(小J:男,20,大三)"+"<br>")

    document.write("第一次筛选大一学生姓名为:"+"<br>")

    var arr=new Array();

    var n=0;

    for(var m=0;m<infos.length;m++){

    if(infos[m][3]=="大一"){

        document.write("大一的学生为:"+infos[m][0]+"<br>");

        arr[n]=infos[m];

        n++;

    }

    }

    document.write("第二次筛选女生的结果为"+"<br>")

    for(var n=0;n<arr.length;n++){

        if(arr[n][1]=="女"){

            document.write(arr[n][0]+"<br>");

        }

    }

    /*for(var n = 0;n < infos.length; n++){

        if(infos[n][3] === "大一" && infos[n][1] === "女"){

        document.write("大一的女生信息为:"+infos[n][0]+"<br/>")

        }

    }*/


     

     

      

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-01-18

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>流程控制语句</title>

    <script type="text/javascript">

    var infos = [

    ['小A','女',21,'大一'], 

    ['小B','男',23,'大三'],

    ['小C','男',24,'大四'], 

    ['小D','女',21,'大一'],

    ['小E','女',22,'大四'], 

    ['小F','男',21,'大一'],

    ['小G','女',22,'大二'],  

    ['小H','女',20,'大三'],

    ['小I','女',20,'大一'],  

    ['小J','男',20,'大三']

    ]

    for(var n = 0;n < infos.length; n++){

        if(infos[n][3] === "大一" && infos[n][1] === "女"){

        document.write("大一的女生信息为:"+infos[n][0]+"<br/>")

        }

    }


     

     

      

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-01-18

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

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

    <title>break</title>

    <script type="text/JavaScript">

    var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值

    var i=0;

    while(i<mynum.length)

    {

      if(mynum[i]<60)

       {

        document.write("成绩"+mynum[i]+"不及格,不用循环了"+"<br>");

        break;

       }

      document.write("成绩:"+mynum[i]+"及格,继续循环"+"<br>");

      i=i+1;

      

    }

    </script>

    </head>

    <body>

    </body>

    </html>



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

    2019-01-18

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>if...else</title>

    <script type="text/JavaScript">

    var mymoney,sum=0;//mymoney变量存放不同面值,sum总计

    for(mymoney=1;mymoney<=10;mymoney++)

      sum= sum + mymoney;

    }

      document.write("sum合计:"+sum);

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html><head>

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

    <title>if语句</title>

    <script type="text/JavaScript">

    function pen(){

    var mypen = "black"; //定义变量mypen,存储笔的黑色。

     if(mypen=="black")

    {

    document.write("笔是黑色的,所以购买");

    }

    }

    </script>

    </head>

    <body>

        <input name="button" type="button" onClick="pen()" value="点我看看正确答案"/>

    </body>

    </html>


    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>数组</title>

    <script type="text/javascript">

     /*var arr=['*','##',"***","&&","****","##*"];

     //创建数组

     

     arr[7]="**";//显示数组长度*/

     function red(){

     var arr = ['*','**','***','****','*****','******'];

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

         document.write(arr[i]+'<br />');

     }

     }//将数组内容输出,完成达到的效果。

    //document.write("数值的长度为:"+arr.length+"<br>")

    function rec(){

    alert(arr.length)

    }

    </script>

    </head>

    <body>

        <input name='button' type='button' onClick='red()' value='点我弹出数组'/> 

        <br><br>

        <input name='button' type='button' onClick='rec()' value='点我弹出数组长度'/>

    </body>

    </html>


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

    2019-01-18

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

    查看全部
  • case 后面没有写的执行代码块的时候,就是跟后面的case是同一种情况。

    记得要有break

    default 后面没有break,可以有default,也可以没有。

    查看全部
  • var myarr=new Array(8) 只有一个数字则代表是数组大小

    var myarr=new Array(8,9) 则代表的是数组中元素的值

    查看全部
  • JavaScript能做什么?

    1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)

    2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)

    注意:1. JS是区分大小写的,如:classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写吆。
    
    2. JS中的字符、符号等一定要在英文状态下输入吆。


    查看全部
    0 采集 收起 来源:让你认识JS

    2019-01-17

举报

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

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