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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 函数调用:

    https://img1.sycdn.imooc.com//5b2fc42f0001349903690639.jpg


    查看全部
    0 采集 收起 来源:函数调用

    2018-06-25

  • 定义函数:
    function 函数名( ){
         函数体;
    }

    我们完成对两个数求和并显示结果的功能。并给函数起个有意义的名字:“add2”,代码如下:

    function add2(){
        sum = 3 + 2;
        alert(sum);
        }
      add2();


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

    2018-06-25

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>函数</title>


    <script type="text/javascript">


    //定义函数

    function add(x,y){


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

    if(x>y){

        return x;

    }else if(x==y){

        return '两个数一样大'

    }else{

        return y;

    }

    }


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

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

      document.write(" 6 和 3 的较大值是:"+add(6,3) ); 


    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-06-25

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

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

    <script type="text/javascript">


     //第一步把之前的数据写成一个数组的形式,定义变量为 infos

    var stu=[['小A','女','21','大一'],['小B','男','23','大三'],['小C','男','24','大四'],['小D','女','21','大一'],['小E','女','22','大四'],['小F','男','21','大一'],['小G','女','22','大二'],['小H','女','20','大三'],['小I','女','20','大一'],['小J','男','20','大三']]

     

     //第一次筛选,找出都是大一的信息

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

    if(stu[i][3]=="大一"&&stu[i][1]=="女")


    document.write(stu[i][0]+"<br>");

    }


    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-06-24

  • 数组索引是从0开始的

    用.length可自动得出长度

    例:想知道的成员数组的名.length

    查看全部
  • 注意:加双引号会变成字符串

    查看全部
  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>switch</title>
    <script type="text/JavaScript">
    var myweek =3;//myweek表示星期几变量
    switch(myweek)
    {
     case 1:
     case 2:
     document.write("学习理念知识");
     break;
     case 3:
     case 4:
     document.write("到企业实践");
     break;
     case 5:
     document.write("总结经验");
     break;
     case 6:
     case 7:
     document.write("周六、日休息和娱乐");
    break;
    default:
    }
    </script>
    </head>
    <body>
    </body>
    </html>

    查看全部
  • var mystr="Hello World!"

      document.write(mystr.indexOf("o",6));

    6指的是从第六个字符串算起走,检索后面的o出现的位置

    查看全部
  • 比较操作符:得到值为真(true)和假(false)

    532a3c150001c65802010207.jpg

    查看全部
  • 操作符:"++"和"--"

    ++就是每次原基础加上1

    --就是每次原基础减去1


    例:

    mynum = 10;
    mynum++; //mynum的值变为11
    mynum--; //mynum的值又变回10


    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           var a = document.getElementById("txt1").value;

           var b = document.getElementById("txt2").value;

           var select = document.getElementById("select").value;

           var sum;

           switch(select)

           {

               case '+':sum=parseInt(a)+parseInt(b);break;//+默认是连接符,所以要将其转化为整数

               case '-':sum=a-b;break;

               case '*':sum=a*b;break;

               case '/':sum=a/b;break;

           }

           document.getElementById("fruit").value=sum;

           //document.write(a);

        //获取第一个输入框的值

    //获取第二个输入框的值

    //获取选择框的值

    //获取通过下拉框来选择的值来改变加减乘除的运算法则

        //设置结果输入框的值 

        

       }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' />   

     

     </body>

    </html>


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

    2018-06-22

  • var myarr=new Array();//先声明一维

    for(var i=0;i<3;i++){ //一维长度为3

        myarr[i]=new Array(); //再声明二维

        for(var j=0;j<6;j++){

            myarr[i][j]=i*j; //赋值,每个数组元素的值为i*j

            document.write("myarr["+i+"]["+j+"]:"+myarr[i][j]+"<br>")

        }

    }


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

    2018-06-22

  • sort()方法使数组中的元素按照一定的顺序排列。

    语法:

    arrayObject.sort(方法函数)

    参数说明:

    1.如果不指定<方法函数>,则按unicode码顺序排列。

    2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

    myArray.sort(sortMethod);

    注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 

      若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
      若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
      若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

    1.使用sort()将数组进行排序,代码如下:

    <script type="text/javascript">
      var myarr1 = new Array("Hello","John","love","JavaScript"); 
      var myarr2 = new Array("80","16","50","6","100","1");
      document.write(myarr1.sort()+"<br>");
      document.write(myarr2.sort());
    </script>

    运行结果:

    Hello,JavaScript,John,love
    1,100,16,50,6,80

    注意:上面的代码没有按照数值的大小对数字进行排序。

    2.如要实现这一点,就必须使用一个排序函数,代码如下:

    <script type="text/javascript">
      function sortNum(a,b) {
      return a - b;
     //升序,如降序,把“a - b”该成“b - a”
    }
     var myarr = new Array("80","16","50","6","100","1");
      document.write(myarr + "<br>");
      document.write(myarr.sort(sortNum));
    </script>

    运行结果:

    80,16,50,6,100,1
    1,6,16,50,80,100


    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-06-22

  • 定义数组myarr并赋值,然后颠倒其元素的顺序:

    <script type="text/javascript">
      var myarr = new Array(3)
      myarr[0] = "1"
      myarr[1] = "2"
      myarr[2] = "3"
      document.write(myarr + "<br />")
      document.write(myarr.reverse())
    </script>

    运行结果:

    1,2,3
    3,2,1


    查看全部
  • <script type="text/javascript">
      var myarr = new Array(3);
      myarr[0] = "I";
      myarr[1] = "love";
      myarr[2] = "JavaScript";
      document.write(myarr.join());
    </script>

    运行结果:

    I,love,JavaScript


    查看全部

举报

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

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