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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 所谓的父节点  其实就是它的外层盒子

    <div id="text">
      <p id="con"> parentNode 获取指点节点的父节点</p>
    </div> 
    <script type="text/javascript">
      var mynode= document.getElementById("con");
      document.write(mynode.parentNode.nodeName);
    </script>

    运行结果:

    parentNode 获取指点节点的父节点
    DIV


    查看全部
  • 通过下面的例子(6个name="hobby"的复选项,两个按钮)来区分三种方法的不同:

      <input type="checkbox" name="hobby" id="hobby1">  音乐
      <input type="checkbox" name="hobby" id="hobby2">  登山
      <input type="checkbox" name="hobby" id="hobby3">  游泳
      <input type="checkbox" name="hobby" id="hobby4">  阅读
      <input type="checkbox" name="hobby" id="hobby5">  打球
      <input type="checkbox" name="hobby" id="hobby6">  跑步 
      <input type="button" value = "全选" id="button1">
      <input type="button" value = "全不选" id="button1">

    1. document.getElementsByTagName("input"),结果为获取所有标签为input的元素,共8个。

    2. document.getElementsByName("hobby"),结果为获取属性name="hobby"的元素,共6个。

    3. document.getElementById("hobby6"),结果为获取属性id="hobby6"的元素,只有一个,"跑步"这个复选项。


    查看全部
  • getElementsByTagName()方法

    返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。

    语法:

    document.getElementsByTagName(Tagname)

    说明:

    1. Tagname是标签的名称,如p、a、img等标签名。

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


    查看全部
  • https://img1.sycdn.imooc.com//5bb8160d0001e1c004850778.jpg

    https://img1.sycdn.imooc.com//5bb81624000149af04660576.jpg

    数组的方法。

    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-10-06

  • https://img1.sycdn.imooc.com//5bb8111f0001162506480337.jpg

    https://img1.sycdn.imooc.com//5bb811320001b97406470781.jpg

    math方法的详解。

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

    2018-10-06

  • slice() 方法可从已有的数组中返回选定的元素。

    语法

    arrayObject.slice(start,end)


    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-10-05

  • reverse() 方法用于颠倒数组中元素的顺序。

    语法:

    arrayObject.reverse()


    查看全部
  • 二维数组

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

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

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

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

    2018-10-05

  • 数组的表达方式:

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

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

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

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

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

    var myarray=new Array();

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

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

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

    查看全部
  • random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。

    语法:

    Math.random();

    注意:返回一个大于或等于 0 但小于 1 的符号为正的数字值。

    我们取得介于 0 到 1 之间的一个随机数,代码如下:

    <script type="text/javascript">
      document.write(Math.random());
    </script>

    运行结果:

    0.190305486195328

    注意:因为是随机数,所以每次运行结果不一样,但是0 ~ 1的数值。

    获得0 ~ 10之间的随机数,代码如下:

    <script type="text/javascript">
      document.write((Math.random())*10);
    </script>

    运行结果:

    8.72153625893887
    查看全部
    0 采集 收起 来源:随机数 random()

    2018-10-05

  • round() 方法可把一个数字四舍五入为最接近的整数。

    语法:

    Math.round(x)

    注意:

    1. 返回与 x 最接近的整数。

    2. 对于 0.5,该方法将进行上舍入。(5.5 将舍入为 6)

    3. 如果 x 与两侧整数同等接近,则结果接近 +∞方向的数字值 。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6),如下图:

    查看全部
    0 采集 收起 来源:四舍五入round()

    2018-10-05

  • floor() 方法可对一个数进行向下取整。

    语法:

    Math.floor(x)

    注意:返回的是小于或等于x,并且与 x 最接近的整数。

    查看全部
    0 采集 收起 来源:向下取整floor()

    2018-10-05

  • ceil() 方法可对一个数进行向上取整。

    注意:它返回的是大于或等于x,并且与x最接近的整数。

    语法:

    Math.ceil(x)
    <script type="text/javascript">
      document.write(Math.ceil(0.8) + "<br />")
      document.write(Math.ceil(6.3) + "<br />")
      document.write(Math.ceil(5) + "<br />")
      document.write(Math.ceil(3.5) + "<br />")
      document.write(Math.ceil(-5.1) + "<br />")
      document.write(Math.ceil(-5.9))
    </script>

    运行结果:

    1
    7
    5
    4
    -5
    -5


    查看全部
    0 采集 收起 来源:向上取整ceil()

    2018-10-05

  • Math对象,提供对数据的数学计算。

    使用 Math 的属性和方法,代码如下:

    <script type="text/javascript">
      var mypi=Math.PI; 
      var myabs=Math.abs(-15);
      document.write(mypi);
      document.write(myabs);
    </script>

    运行结果:

    3.141592653589793
    15

    注意:Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。

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

    2018-10-05

举报

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

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