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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • mynum = mynum + 1;//等同于mynum++mynum = mynum - 1;//等同于mynum--


    查看全部
  • 在JavaScript中,“+”不只代表加法,还可以连接两个字符串

    查看全部
  • 表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。

    查看全部
  • 赋值=后面的是数值或布尔值不需要双引号,其他的都需要双引号

    查看全部
  • 主要事件表:

    53e198540001b66404860353.jpg

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

    2019-09-06

  • HTML文档可以说由节点构成的集合,DOM节点有:


    1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。


    2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。


    3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。


    查看全部
    0 采集 收起 来源:认识DOM

    2019-09-06

  • var w=document.documentElement.scrollWidth
       || document.body.scrollWidth;
    var h=document.documentElement.scrollHeight
       || document.body.scrollHeight;

    浏览器兼容性

    查看全部
  • 一维数组,我们看成一组盒子,每个盒子只能放一个内容。

    一维数组的表示: myarray[ ]

    二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。

    二维数组的表示: myarray[ ][ ]

    注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。 

    1. 二维数组的定义方法一

    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
       }
     }


    注意: 关于for 循环语句,请看第四章4-5 。

    将上面二维数组,用表格的方式表示:

    2. 二维数组的定义方法二

    var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]

    3. 赋值

    myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。

    说明: myarr[0][1] ,0 表示表的行,1表示表的列。


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

    2019-09-06

  • JavaScript数组的length属性是可变的,这一点需要特别注意。

    arr.length=10; //增大数组的长度document.write(arr.length); //数组长度已经变为10


    查看全部
  • var myarray=new Array( );

    注意:1.创建的新数组是空数组,没有值,如输出,则显示undefined。
    2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

    查看全部
  • 数组的表达方式:

    第一步:创建数组var myarr=new Array(); 
    第二步:给数组赋值
            myarr[1]=" 张三";
            myarr[2]=" 李四";

    下面创建一个数组,用于存储5个人的数学成绩。

    var myarray=new Array(); //创建一个新的空数组myarray[0]=66; //存储第1个人的成绩myarray[1]=80; //存储第2个人的成绩myarray[2]=90; //存储第3个人的成绩myarray[3]=77; //存储第4个人的成绩myarray[4]=59; //存储第5个人的成绩

    注意:数组每个值有一个索引号,从0开始。

    我们还可以用简单的方法创建上面的数组和赋值:

    第一种方法:

    var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

    第二种方法:

     var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)

    注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)

     


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

    //通过javascript的日期对象来得到当前的日期,并输出。

    var jj=new Date();

    //var aa=jj.getFullYear();+getMonth()+getHours()

    var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

    var mynum=new Date().getDay();

    document.write(jj.getFullYear()+"年"+jj.getMonth()+"月"+jj.getDate()+weekday[mynum]+"<br/>");


    //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

    var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

    var b=scoreStr.split(";");

    var c;

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

    c+=b[i].substring(3)+" ";

    }

    var d=c.substring(9);

    var bb=d.split(" ");

    bb.pop();


    //从数组中将成绩撮出来,然后求和取整,并输出。

    var aa=0;

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

    aa+=Math.round(bb[i]);

    }

    aa=Math.round(aa/(bb.length));

    document.write("班级总平均分为:"+aa);


    </script>


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

    2019-09-06

  • 我们都知道,除法、乘法等操作符的优先级比加法和减法高,例如:

    var numa=3;
    var numb=6
    jq= numa + 30 / 2 - numb * 3;  // 结果为0

    如果我们要改变运算顺序,需添加括号的方法来改变优先级:

    var numa=3;
    var numb=6
    jq= ((numa + 30) / (2 - numb)) * 3; //结果是-24.75

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

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

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

    var numa=3;
    var numb=6;
    jq= numa + 30 >10 && numb * 3<2;  //结果为false


    查看全部
  • 我们为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。

    我们赶快给变量取个好名字吧!变量名字可以任意取,只不过取名字要遵循一些规则:

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

    正确:           
        mysum            
        _mychar         
        $numa1
    错误:  6num  //开头不能用数字
      %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)
      sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

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

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


    查看全部
  • var w= document.documentElement.offsetWidth
        || document.body.offsetWidth;
    var h= document.documentElement.offsetHeight
        || document.body.offsetHeight;


    查看全部

举报

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

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