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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • location的属性和方法是分开的

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

    2018-10-20

  • 鼠标事件

    超链接的插在网址后面<a href="http://www.imooc.com/"onmouseout="message()">点击我 </a>

    卸载事件写在script里window.onunload = onunload_message;

    查看全部
  • 草  这里要sum给个初值 ,因为他开始就进入计算了,养成好习惯,记得初始值 

    var sum=0;

    for(var i=0;i<score.length;i++)

    {

        document.write(score[i]+"<br>");

        sum=score[i]+sum;

    }


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

    2018-10-20

  • 12345


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

    2018-10-20

  • 数组从零开始的,注意不要越界了

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

    2018-10-19

  • 这里的document.write(555+<“br”>;

    要这样改 ,document.write(555+"<br>");

    这个有点坑,一个错误,都运行不了

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

    2018-10-19

  • 访问父节点:elementNode.parentNode(父节点只有一个)

    访问子节点:elementNode.childNodes

    访问祖节点:elementNode.parentNode.parentNode

    getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。

    NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

    提示: 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数,并循环各个元素来获取你需要的那个元素。

    HTML DOM TREE 如下

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


    查看全部
  • <div id="con">

      <p>javascript</p>

      <div>jQuery</div>

      <h5>PHP</h5>

    </div>

    /* 两个标签之间的空格或换行 被解析为1个文本节点(#text);

     eg: <div>与<p>之间为的换行为文本节点(#text)

     */




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

    使用userAgent获取浏览器信息

    查看全部
    0 采集 收起 来源:userAgent

    2018-10-19

  • 下拉框标签:

    <select name="下拉框" >

    <option>选项1</option> 

    <option>选项2</option> 

    </select>

    超链接标签:<a href ="url"></a>

    查看全部
  • 个人猜测:在触发事件后,HTML文本会再次执行,所以onfocus时间会不断的出发

    查看全部
  • 文本域标签<textarea cols="60" roes="5">"内容"</textarea> 内容处在文本域之内 cols 列数,roes 行数

    文本框标签 <input type="text" value="内容"> </input> value 对应的时文本框内的文字,在标签之外的时

    查看全部
  • getElementsByName()方法返回的是一个数组,所以它就有数组的属性,如length。而不是一个元素,不同于getElementById(),它返回的是一个元素。因为name的属性可能不唯一。id属性用来给元素分配一个唯一的标识符,为了根据id属性值应用样式,需要在定义样式时使用一个以#开头后接id属性值的选择器(selector)

    getElementsByTagName()返回的是一个NodeList对象,但是可以像处理数组一样处理它。NodeList是一个Node集合,而Node指的是DOM树中的element对象。可用length属性来获取其长度,再通过方括号括起的索引来访问NodeList的每个项目。

    getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。

    NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

    提示: 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数,并循环各个元素来获取你需要的那个元素。

    querySelector(<selector>)返回匹配指定CSS选择器的第一个元素,返回的是HTMLElement

    querySelectorAll(<selector>)返回匹配指定CSS选择器的所有元素。,返回的是HTMLElement[]

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

    第一个锚点??/

    查看全部
  • 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。

    先来看看下面代码:

    将HTML代码分解为DOM节点层次图:


    HTML文档可以说是由节点构成的集合,DOM节点有:

    1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。

    2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。

    3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。

    遍历节点树:

    以上图ul为例,它的父节点为:body,它的子节点为:3个li,它的兄弟节点为:h2、P。

    DOM操作:

    注意:前两个是document方法。

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

    2018-10-19

举报

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

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