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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 获取指定节点的父节点.

    语法:

    elementNode.parentNode

    注意:父节点只有一个。

    访问祖节点:

    elementNode.parentNode.parentNode


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

    语法:

    elementNode.childNodes

    注意:

    如果选定的节点没有子节点,则该属性返回不包含节点的Nodelist。


    查看全部
  • 节点属性

    在文档对象模型 (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-06-12

  • function add2(x,y)
    {
       sum = x + y;   return sum; //返回函数值,return后面的值叫做返回值。}
    还可以通过变量存储调用函数的返回值,代码如下:
    result = add2(3,4);//语句执行后,result变量中的值为7。


    查看全部
    0 采集 收起 来源:返回值的函数

    2018-06-12

  • function add2(x,y)
    {
       sum = x + y;
       document.write(sum);
    }
    add2(1,2)


    查看全部
    0 采集 收起 来源:有参数的函数

    2018-06-12

  • continue的作用是仅仅跳过本次循环,而整个循环体继续执行。

    for(初始条件;判断条件;循环后条件值更新)
    {
      if(特殊情况)
      { continue; }
     循环代码
    }


    查看全部
  • num=1

    do{    循环语句 }while(判断条件)

    至少循环一次


    查看全部
  • while(判断条件){
        循环语句
     }

    例:

    var num=0;  //初始化值while (num<=6)   //条件判断{
      document.write("取出第"+num+"个球<br />");
      num=num+1;  //条件值更新}


    查看全部
  • 字符串分割split()

    知识讲解:

    split() 方法将字符串分割为字符串数组,并返回此数组。

    语法:

    stringObject.split(separator,limit)

    参数说明:

    注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。

    我们将按照不同的方式来分割字符串:

    使用指定符号分割字符串,代码如下:

    var mystr = "www.imooc.com"; document.write(mystr.split(".")+"<br>"); document.write(mystr.split(".", 2)+"<br>");

    运行结果:

    www,imooc,com www,imooc

     

    将字符串分割为字符,代码如下:

    document.write(mystr.split("")+"<br>"); document.write(mystr.split("", 5));

    运行结果:

    w,w,w,.,i,m,o,o,c,.,c,o,m


    查看全部
  • getElementsByName()方法

    返回带有指定名称的节点对象的集合。

    语法:

    document.getElementsByName(name)

    与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。

    注意:

    1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

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

    看看下面的代码:

    运行结果:


    查看全部
  • 鼠标事件!!!

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

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

    2018-06-12

  • 定义日期对象Date();

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

    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-06-12

  • JS中的对象(每个对象都有属性和方法,定义时用new):字符串、数组、数值、函数等

    对象的属性:反应性质的,比如长度

    对象的方法:能够在对象上执行的动作

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

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

    查看全部
    0 采集 收起 来源:什么是对象

    2018-06-12

  • String 字符串对象

    在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值。比如:

    var mystr = "I love JavaScript!"

    定义mystr字符串后,我们就可以访问它的属性和方法。

    访问字符串对象的属性length:

    stringObject.length; 返回该字符串的长度。

    var mystr="Hello World!"; var myl=mystr.length;

    以上代码执行后,myl 的值将是:12

    访问字符串对象的方法:

    使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写:

    var mystr="Hello world!"; var mynum=mystr.toUpperCase();

     

    以上代码执行后,mynum 的值是:HELLO WORLD!


    查看全部
  • 返回/设置时间方法

    get/setTime() 返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。

    如果将目前日期对象的时间推迟1小时,代码如下:

    <script type="text/javascript">   var mydate=new Date();   document.write("当前时间:"+mydate+"<br>");   mydate.setTime(mydate.getTime() + 60 * 60 * 1000);   document.write("推迟一小时时间:" + mydate); </script>

    结果:

    当前时间:Thu Mar 6 11:46:27 UTC+0800 2014

    推迟一小时时间:Thu Mar 6 12:46:27 UTC+0800 2014

    注意:1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒

          2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”


    查看全部

举报

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

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