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

JavaScript进阶篇

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

     //显示数组长度

     alert(arr.length);

     

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

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

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

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

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


    </script>

    </head>

    <body>

        

    </body>

    </html>


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

    2019-05-06

  • mydata.getFullYear()
    查看全部
  • 操作符之间的优先级(高到低): 1算术操作符 比较操作符 逻辑操作符 "="赋值符号 2如果同级的运算是按从左到右次序进行,多层括号由里向外。 3除法、乘法等操作符的优先级比加法和减法高.


    <!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>操作符优先级</title>

    <script type="text/javascript">

    var numa,numb,jq1;

    numa=5;

    numb=2;


    jq1=numa + 30 >10 && numb * 3<20;//

    jq3=(numa + 30) >10&&(numb * 3)<20;//


    jq2=((numa + 30) / (7-numb)) * 3

    document.write("jq1的值是:"+jq1+"<br>");

    document.write("jq1的值是:"+jq3+"<br>");

    document.write("jq2的值是:"+jq2);

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • 什么是对象

    JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。

    对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

    对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

    JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象:


    查看全部
    0 采集 收起 来源:什么是对象

    2019-05-06

  • //获取选择框的值

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

    //select.selectedIndex获得选中的索引

            switch(select.selectedIndex){

                case 0:

                   result=parseInt( text1)+parseInt(text2);

                    break;

                case 1:

                    result=parseInt( text1)-parseInt(text2);

                    break;

                case 2:

                    result=parseInt( text1)*parseInt(text2);

                    break;

                case 3:

                    result=parseInt( text1)/parseInt(text2);

                    break;

            }


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

    2019-05-06

  • removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。

    注意: 把删除的子节点赋值给 x,这个子节点不在DOM树中,但是还存在内存中,可通过 x 操作。

    如果要完全删除对象,给 x 赋 null 值


    查看全部
  • function ab(x,y){

          if(x>y){

              return x;

          }

          else if(x<y){

              return y

          }

          else if(x==y){

              var z="两数值相等!";

              return z;

          }

      }




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

       var req1=ab(5,4);

       var req2=ab(6,3);


     

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

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

      document.write(" 9 和 9 的较大值是:"+ab(9,9)+"<br>");

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


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

    2019-05-06

  • 操作符之间的优先级(高到低):

    算术操作符 >  比较操作符 >  逻辑操作符 >  "="赋值符号

    如果同级的运算是按从左到右次序进行,多层括号由里向外。


    查看全部
  • 注意:

    1. IE全系列、firefox、chrome、opera、safari兼容问题

    2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,所以IE是3,其它浏览器是7,如下图所示:

    如果把代码改成这样:

    <ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul>

    运行结果:(IE和其它浏览器结果是一样的)


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

       function count(){

           var c1 = parseInt(document.getElementById('txt1').value);

           var c2 = parseInt(document.getElementById('txt2').value);

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

           var d  = '';

           if(c3='+'){

               d = c1 + c2

           }else if(c3='-'){

               d = c1 - c2

           }else if(c3 = '*'){

               d = c1 * c2

           }else if(c3 = '/'){

               d = c1 / c2

           }

           document.getElementById('fruit').value = d;

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

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

    //获取选择框的值

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

        //设置结果输入框的值 

        

       }

      </script> 

    这节反复测试得出一个结论

    document.getElementById('fruit').value = d;

    这段代码变量d放在document前面是不会显示在fruit文本框中的。

    个人理解是d在前面意思是将fruit文本框的值赋值给d,而d在后面意思是将d的值赋值给fruit。

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

    2019-05-04

  • 相当于数组下标a和数组下标b进行比较,若a-b大于零,即为真(true)即下标互换位置,若小于零即为假(flase),及不变,可以吧a-b和b-a看作为a>b和b>a,真即运行,假即跳过.

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

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


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

    2019-05-04

  • 后面的是个数,前面是开始的地方!!

    查看全部
  • Math 对象属性

    Math 对象方法


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

    2019-05-03

  • var infos = [["小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<=infos.length;i++){

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

                document.write("大一的女生有: "+infos[i][0]+"<br/>");

            }

            

        }


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

    2019-05-03

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

    2019-05-03

举报

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

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