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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • parseInt(value) 将字符转换为数字


            //获取第一个输入框的值
            var x = parseInt(document.getElementById("txt1").value);
            //获取第二个输入框的值
            var y = parseInt(document.getElementById("txt2").value);
            //获取选择框的值
            var select = document.getElementById("select").value;
            
            //获取通过下拉框来选择的值来改变加减乘除的运算法则
            switch(select){
                case "+":
                    z=x+y;
                    break;
                case "-":
                    z=x-y;
                    break;
                case "*":
                    z=x*y;
                    break;
                case "/":
                    z=x/y;
                    break;
            }
            //设置结果输入框的值
            document.getElementById("fruit").value = z;


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

    2018-09-06

  • 返回指定的字符串首次出现的位置

    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    语法

    stringObject.indexOf(substring, startpos)

    参数说明:


    说明:

    1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。

    2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。

    3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

    注意:1.indexOf() 方法区分大小写。

    2.如果要检索的字符串值没有出现,则该方法返回 -1。

    例如: 对 "I love JavaScript!" 字符串内进行不同的检索:

    <script type="text/javascript">   var str="I love JavaScript!"   document.write(str.indexOf("I") + "<br />");   document.write(str.indexOf("v") + "<br />");   document.write(str.indexOf("v",8)); </script>

    以上代码的输出:

    0 4 9

    查看全部
  • 返回指定位置的字符

    charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。

    语法:

    stringObject.charAt(index)

    参数说明:


    注意1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。

    2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。

    如:在字符串 "I love JavaScript!" 中,返回位置2的字符:

    <script type="text/javascript">   var mystr="I love JavaScript!"   document.write(mystr.charAt(2)); </script>

    注意:一个空格也算一个字符。

    title>string对象 </title>
      <script type="text/javascript">
      var mystr="I love JavaScript!"
      document.write(mystr.charAt(mystr.length-1));
    </script>
    </head>
    <body>

    查看全部
  • //定义函数
    function sum(x,y){
        var sum,x,y;
        if(x>y){    //函数体,判断两个整数比较的三种情况
            return x;
        }else if(x<y){
            return y;
        }else{
            document.write("相等");
        }
    }

     
    //调用函数,实现下面两组数中,返回较大值。
      document.write(" 5 和 4 的较大值是:"+sum(5,4)+"<br>");
      document.write(" 6 和 3 的较大值是:"+sum(6,3) );

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

    2018-09-05

  • Math对象

    Math对象,提供对数据的数学计算。

    使用 Math 的属性和方法,代码如下:

    <script type="text/javascript">   var mypi=Math.PI;    var myabs=Math.abs(-15);   document.write(mypi);   document.write(myabs); </script>

    运行结果:

    3.141592653589793 15

    注意:Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。

    Math 对象属性

    Math 对象方法

    以上方法不做全部讲解,只讲解部分方法。此节没有任务,快快进入下节学习。


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

    2018-09-05

  • for(var i=0;i<arr.length;i++){
        arr[i]//当前正在遍历的元素
    }

    查看全部
  • Nuh

    所以js里数组的长度不是很重要,随时可以改变。
    查看全部
  • Nuh

    如何确保Array后面输入值可以正确识别(是数组长度还是数组元素)
    查看全部
  • //第一步把之前的数据写成一个数组的形式,定义变量为 infos
     var infos = [['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小I','女',20,'大一']

     //方法一:
     for(var i=0; i<infos.length;i++){
         if(infos[i][3] == "大一"){    //第一次筛选,找出都是大一的信息
             if(infos[i][1] == "女"){
                 document.write(infos[i][0]+"<br><br><br><br><br>");//第二次筛选,找出都是女生的信息
             }
         }
     }
     
     //方法二:
     for(var i=0; i<infos.length;i++){
         if(infos[i][3] == "大一" && infos[i][1] == "女"){ //统一筛选,找出都是大一并且是女生的信息
             document.write(infos[i][0]+"<br>")
         }
     }



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

    2018-09-05

  • Nuh

    2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

    那定义数组长度的意义在哪里?


    查看全部
  • index of

    查看全部
  • 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-09-05

  • Nuh
    1. 必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字

    2. 2.变量名区分大小写,如:A与a是两个不同变量。

    3. 3.不允许使用JavaScript关键字和保留字做变量名。

    查看全部
  • Nuh

    js区分大小写

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

    2018-09-05

  • <script type="text/javascript">

    var infos = [['小A','女',20,'大一'],['小B','男',20,'大三'],['小K','女',20,'大一'],];

    var dayi = new Array();

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

    {

    dayi = infos[i];

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

    {

    document.write("大一女生的名字有:" + dayi + "<br>");

    }


    }


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

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

    //第二次筛选,找出都是女生的信息

    </script>


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

    2018-09-05

举报

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

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