为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • JS计时器;

    56976e1700014fc504090143.jpg


    查看全部
  • window对象的方法;

    535483720001a54506670563.jpg

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

    2020-04-05

  • 数组的方法;

    533295ab0001dead05190599.jpg

    查看全部
    0 采集 收起 来源: Array 数组对象

    2020-04-05

  • Math 对象属性

    Math 对象方法


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

    2020-04-05

  •  new Date

    D;

    时间和日期处理;

    555c650d0001ae7b04180297.jpg

    查看全部
    0 采集 收起 来源: Date 日期对象

    2020-04-05

  • 主要事件表

    53e198540001b66404860353.jpg

    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

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

        var x=document.getElementById('txt1').value;

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

    var y=document.getElementById('txt2').value;

    //获取选择框的值

    var s=document.getElementById('select').value;

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

    var result;

    if(s=="+"){

        result=x+y;

    }

    else if(s=="-"){

        result=x-y;

    }

    else if(s=="*"){

        result=x*y;

    }

    else if(s=="/"){

        result=x/y;

    }

        //设置结果输入框的值 

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

       }

      </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 采集 收起 来源:编程练习

    2020-04-05

  • 事件是可以被JavaScript侦测到的行为;


        事件                           说明


      onclick                      鼠标单击事件

      onmouseover                  鼠标经过事件

      onmouseout                   鼠标移开事件

      onchange                     文本框内容改变事件

      onselect                     文本框内容被选中事件

      onfocus                         光标聚焦

      onblur                          光标离开

      onload                          网页导入

      onunload                        关闭网页


    查看全部
    0 采集 收起 来源:什么是事件

    2020-04-05

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>函数</title>


    <script type="text/javascript">


    //定义函数

    function add(a,b){




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

    if(a>b){

        document.write(a+"<br/>");

    }

    else if(a<b){

        document.write(b+"<br/>");

    }

    else{

        document.write("无法比较"+"<br/>");

    }


    }

     

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

      document.write(" 5 和 4 的较大值是:");

      add(5,4);

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

      add(6,3);




    </script>

    </head>

    <body>

    </body>

    </html>


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

    2020-04-05

  • document.write("数组第三个值是:"+myarr[2]+"<br>");

    查看全部
  • var myarr=new Array();  //先声明一维 
    for(var i=0;i<2;i++){   //一维长度为2
       myarr[i]=new Array();  //再声明二维 
       for(var j=0;j<3;j++){   //二维长度为3
       myarr[i][j]=i+j;   // 赋值,每个数组元素的值为i+j
       }
     }


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

    2020-04-05

  • mynum = mynum + 1;//等同于mynum++mynum = mynum - 1;//等同于mynum--


    查看全部
  • ,num1变量存储的内容是数值;num2变量存储的内容是字符串,字符串需要用一对引号""括起来,num3变量存储的内容是布尔值(true、false)

    查看全部
  • 数组排序sort()

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

    语法:

    arrayObject.sort(方法函数)

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

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

    myArray.sort(sortMethod);

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

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

    <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()

    2020-04-05

  • 选定元素slice()

    slice() 方法可从已有的数组中返回选定的元素。

    语法

    arrayObject.slice(start,end)

    533299680001637b05160145.jpg

    查看全部
    0 采集 收起 来源:选定元素slice()

    2020-04-05

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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