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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • javascript中所有的数据都是对象,它们都具有属性,和方法,一般是先通过var变量关键来声明或者获取一个实例对象,然后通过:

     变量名.属性; 

    变量名.方法名()

    查看全部
  • 顾名思义,document.body.clientHeight的高度,是body的高度,如果没东西,就是0

    document.documentElement.clientHeight就是窗口当前高度,这个电脑是600

    它==window,innerHeight;

     

    获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法:

    一、对于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;


    查看全部
  • setAttribute设置颜色:

    p.setAttribute("style","color:red");

    p.style.color = 'red',

    查看全部
  • 在javascript中,设置元素节点的样式属性时,要在元素名与样式属性名之间加一个style;

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

    查看全部
  • 注意removeChid后,父节点的子节点数组的长度会改变,所以子节点数组下标会变化,当想删除所有的子节点时,可以倒序删除!因为子节点在数组的下标会随着数组长度变化。

    像下面也可以,因为有空格被当做了文本节点一直补上,导致元素节点的数组下标刚好对得上。

    for(var i=0;i<content.childNodes.length;i++){     if(content.childNodes[i].nodeType!=1){      continue;     }else{     content.removeChild(content.childNodes[i]);        }             }


    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


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

      var date=new Date();

      var year=date.getFullYear();

      var month=date.getMonth()+1;

      var day=date.getDate();

      var week=date.getDay();

      var arr=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];

      document.write(year+'年 '+month+'月 '+day+'日 '+arr[week]+'<br/>');

      

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

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

        

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

      var num=0;

      scoreStr.forEach(function(item,index){

          num+=item[1];

      })

      var o=num/scoreStr.length;

        document.write('总分为:'+num+' 平均分为:'+Math.round(o));


    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-04-24

  • 怎么理解二维数组?

    一维数组你能理解吗:

    var arr = [1, 2, 3, 4, 5];console.log(arr[3]); // 打印第3个元素

    那么,如果元素不是1、2、3...这些数字,而是数组呢。比如:

    var arr = [[1, 2, 3], ['a', 'b', 'c'], [true, false]];

    怎么理解?还不是一样,比如要取出'c',那就是取第1个元素的第2个元素啊:

    arr[1][2];

    实际上,JS里面根本没有二维数组,只有一维数组。所谓二维数组,不过是指元素为一维数组的数组。


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

    2019-04-24

  • JavaScript数组定义 、数组添加,数组访问:

    var myarr=new Array(); //定义数组
     myarr[0]=80; 
     myarr[1]=60;
     myarr[2]=99;
     document.write("第一个人的成绩是:"+myarr[0]);
     document.write("第二个人的成绩是:"+myarr[1]);
     document.write("第三个人的成绩是:"+myarr[2]);


    查看全部
  • JavaScript赋值给变量时,数字和布尔值不用引号。

    var num1 = 123;       // 123是数值

    var num2 = "一二三";    //"一二三"是字符串

    var num3=true;    //布尔值true(真),false(假)

    查看全部
  • JavaScript变量命名语法:

    半角英文状态下输入变量名

    1. 和大多数编程语言一样,不能以数字开头

    2. 不能以下划线"_","$",以外的特殊字符开头,也不能用加号等

    3. 区分大小写


    查看全部
  • childNodes不包括属性节点

    查看全部
  • 节点属性

    在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :

    1. nodeName : 节点的名称

    2. nodeValue :节点的值

    3. nodeType :节点的类型

    一、nodeName 属性: 节点的名称,是只读的。

    1. 元素节点的 nodeName 与标签名相同
    2. 属性节点的 nodeName 是属性的名称
    3. 文本节点的 nodeName 永远是 #text
    4. 文档节点的 nodeName 永远是 #document

    二、nodeValue 属性:节点的值

    1. 元素节点的 nodeValue 是 undefined 或 null
    2. 文本节点的 nodeValue 是文本自身
    3. 属性节点的 nodeValue 是属性的值

    三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:

    元素类型    节点类型
      元素          1
      属性          2
      文本          3
      注释          8
      文档          9


    查看全部
    0 采集 收起 来源:节点属性

    2019-04-24

  • ele.setAttribute('属性名','属性值');

    查看全部
    0 采集 收起 来源:节点属性

    2019-04-23

  • element.style.属性名=属性值;

    display属性为none时,隐藏

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

    2019-04-23

举报

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

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