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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 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>


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

    2018-04-27

  • 数组方法:

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

    2018-04-27

  • Math 对象属性

    Math 对象方法


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

    2018-04-27

  • string.substring( 起点 , 终点 )
    string.substr( 起点 ,长度 )

    查看全部
  • stringObject.split(separator,limit)

    参数说明:

    注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。


    查看全部
  • 一个空格也算一个字符。

    查看全部
  • window.history.forward();

    window.history.go(1);

    查看全部
  • window.history.back();

    window.history.go(-1)

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

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

    </head>

    <body>

    <ul id="con">

    <li id="lesson1">javascript

      <ul> 

          <li id="tcon"> 基础语法</li>

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

          <li>函数</li>

          <li>事件</li>

          <li>DOM</li>

      </ul>

    </li>

    <li id="lesson2">das</li>

    <li id="lesson3">dadf</li>

    <li id="lesson4">HTML/CSS 

      <ul>

        <li>文字</li>

        <li>段落</li>

        <li>表单</li>

        <li>表格</li>  

      </ul> 

    </li></ul>  

    <script  type="text/javascript">    

       var mylist = document.getElementById("tcon"); 

      // var myul=mylist.parentNode.parentNode.parentNode.lastChild.innerHTML;

       var myul=mylist.parentNode.parentNode.parentNode.childNodes[7].innerHTML;

       document.write(myul);


    </script> 


    </body>

    </html>


    查看全部
  • <script type="text/javascript">

    var HL=window.history.length;

    document.write(HL);

    </script>

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

    2018-04-27

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

    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

        function count(){

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

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

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

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

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

    //获取选择框的值

    //var result= "";

    switch(select){

       case "+": result = parseInt(txt1) + parseInt(txt2);

    break;

    case "-": result = parseInt(txt1) - parseInt(txt2);

    break;

    case "*": result = parseInt(txt1) * parseInt(txt2);

    break;

    case "/": result = parseInt(txt1) / parseInt(txt2);

    break;

    }

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

    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>


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

    2018-04-27

  • 如果if(表达式有问题)例如1<a<3这样是错的,则else{}不执行,如果需要写就写1<a&&a<3

    查看全部
  • 学习方法是:每把一个课程完成100%,就回过头来把里面的编程练习都在做一遍,不懂就在研究,懂了的,但代码记不住,没事,每天练一遍,加深印象。早晚能记住。学习这个,就得有耗时间的准备。

    查看全部
  • 535483720001a54506670563.jpg

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

    2018-04-26

举报

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

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