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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  •      function bcChange(obj){

            obj.onmouseover = function (){

    obj.style.backgroundColor = "#f2f2f2";

            }

            obj.onmouseout = function (){

            obj.onmouseout.style.backgroundColor = "#fff";

            }

    }

    备注:函数内可以再设置函数;设置变量符合onmouseover条件再调用函数:obj.onmouseover = function(){...}; 。

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

    2019-06-25

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

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

    3. 赋值

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

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


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

    2019-06-25

  •  我们创建数组的同时,还可以为数组指定长度,长度可任意指定。

    var myarray= new Array(8); //创建数组,存储8个数据。

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

     


    查看全部
  • 创建数组语法:

    var myarray=new Array();


    查看全部
  • 这种写法在JS中叫取模运算,也是取余运算,是先除尽后取余数的,

    如10%7,商是1,余数是3,所以10%7得到的结果是3


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

    2019-06-25

  • 如果数组直接delete,其长度仍保持,只是里面的内容被删除了而已

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

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

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

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


    查看全部
  • 数学里面的“a>b”,在JavaScript中还表示为a>b;数学中的“b大于a,b小于c”是“a<b<c”,那么在JavaScript中可以用&&表示,如下:

    b>a && b<c    //“&&”是并且的意思, 读法"b大于a"并且" b小于c "

    好比我们参加高考时,在进入考场前,必须出示准考证和身份证,两者缺一不可,否则不能参加考试,表示如下:

    if(有准考证 &&有身份证) 
    {   进行考场考试}

     “&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。

    逻辑与操作符值表:

    注意: 如果A为假,A && B为假,不会在执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。


    查看全部
  • 操作符是用于在JavaScript中指定一定动作的符号。

    (1)操作符

    看下面这段JavaScript代码。

    sum = numa + numb;

    其中的"=""+"都是操作符。

    JavaScript中还有很多这样的操作符,例如,算术操作符(+、-、*、/等),比较操作符(<、>、>=、<=等),逻辑操作符(&&、||、!)。

    注意: “=” 操作符是赋值,不是等于。

    (2) "+"操作符

    算术运算符主要用来完成类似加减乘除的工作,在JavaScript中,“+”不只代表加法,还可以连接两个字符串,例如:

    mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串


    查看全部
  • replaceChild()方法只能删除子节点,使用parentNode是为了找到该节点的父节点从而调用replaceChild()方法,这样才能替换该节点。

    查看全部
  • 1.浏览器的缩放不影响数值. 2.scrollTOP和scrollLeft可以理解成滚动条滚动的距离 3.firefox里offset不同于Chrome和ie  firefox距离是padding+margin不包括border的值  ie和Chrome中padding+margin+border

    查看全部
  • 一、对于IE9+、Chrome、Firefox、Opera 以及 Safari: •  window.innerHeight - 浏览器窗口的内部高度 •  window.innerWidth - 浏览器窗口的内部宽度 二、对于 Internet Explorer 8、7、6、5: •  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。 •  document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。 或者 Document对象的body属性对应HTML文档的<body>标签 •  document.body.clientHeight •  document.body.clientWidth

    在不同浏览器都实用的 JavaScript 方案:

    var w= document.documentElement.clientWidth
         || document.body.clientWidth;
    var h= document.documentElement.clientHeight
         || document.body.clientHeight;


    查看全部
  • document.createTextNode(data)

    document.body.appendChild(element);

    将指定的DOM类型的节点加到document.body的末尾.


    查看全部
  • btn.style.color="red";

    .appendChild:就是把a所代表的东西==》当作孩子==》追加到main所代表的元素里面

    查看全部
  • 只有父结点才能调用  replaceChild(newnode,oldnode).这个方法,oldnode.parentNode.replaceChild(newnode,oldnode); 

    查看全部

举报

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

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