为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
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">


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

      var mydate=new Date();

      var year=mydate.getFullYear();

      var month=mydate.getMonth();

      var date=mydate.getDate();

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

      var day=weekday[mydate.getDay()];

      

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

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

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

      var classScore=0;

      for(var subStr of scoreArr){

          var subArr=subStr.split(":");

          classScore+=parseTnt(subArr[1]);

      }


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

      document.write(`${year}年${month+1}月${date}日  ${day}   班级总分为:${classScore}`);



    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-07-27

  • 访问父节点——获取指定节点的父节点

    注意:浏览器兼容问题,chrome、Firefox等浏览器标签之间的空白也算是一个文本节点

    父节点—— x.parentNode.nodeName

    祖节点——x.parentNode.parentNode.nodeName

    查看全部
  • 访问子节点的第一项和最后一项(firsrChild、lastChild)

    一、firstChild属性返回"childNodes"数组的第一个子节点,如果选定的节点没有子节点,则该属性返回null

    二、lastChild属性返回"childNodes"数组的最后一个子节点,如果选定的节点没有子节点,则该属性返回null


    查看全部
  • 哥是专业的

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

    2018-07-27

  • 访问子节点childNodes——访问选定元素节点下的所有子节点的列表,返回的值可以看做是一个数组,他具有length属性。

    注意:如果选定的节点没有子节点,则该属性返回不包含节点NodeList

    注意:1、IE全系列、Firefox、chrome、opera、Safari兼容问题

    2、节点之间的空白符,在Firefox、chrome、opera、Safari浏览器是文本节点,所以IE是3,其他浏览器是7

    查看全部
  • 节点属性——在文档对象模型(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 采集 收起 来源:节点属性

    2018-07-27

  • js操作符优先级

    js

    优先级

    算术,比较,逻辑,赋值

    查看全部
  • 一、history对象

    1、history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

    2、从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

    3、

    window.history.[属性|方法]

    4、History 对象属性

    (1)length:返回浏览器历史列表中的url数量。

    5、History 对象方法

    (1)back():加载history列表中的前一个url。

    (2)forward():加载history列表中的下一个url。

    (3)go():加载history李彪中的某个具体的页面。

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

    2018-07-26

  • function max(a,b){ if(a>b) { document.write(a) } } max(
    查看全部
    0 采集 收起 来源:编程练习

    2018-07-26

  • 多看这节哦

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

    2018-07-26

  • setAttribute()——增加一个指定名称和值得新属性,或者把一个现有的属性设定为指定的值

    elementNode.setAtribute(name,value)

    1、name:要设置的属性名

    2、value:要设置的属性值

    注意:

    1、把指定的属性设置为指定的值,如果不存在具有指定名称的属性,该方法将创建一个新属性

    2、类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。

    查看全部
  • getAttribute()——通过元素节点的属性名称获取属性的值

    elementNode.getAttribute(name)

    1、elementNode:使用getElementById()、getElementsByName()、getElementsByTagName()等方法,获取到的元素节点

    2、name:想查询的元素节点属性名字


    查看全部
  • getElementById("id")——id是唯一身份证

    getElementsByName("name")——名字可以重复

    getElementsTagName("tagname")——类别


    区分大小写!!!

    查看全部
  • getElementsByTagName——返回带有指定标签名节点对象的集合,返回元素的顺序是他们在文档中的顺序

    查看全部
  • getElementById("id");

    getElementsByName("name");——返回带有指定名称的节点对象的集合。

    getElementsByTagName("title");

    注意:1、因为文档中的name属性可能不唯一,所以getElementsByName()方法返回的是元素的数组,而不是一个元素

    2、和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始

    查看全部

举报

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

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