JavaScript基础

    HTML/CSS/JS的关系
        HTML/CSS标记语言--描述类语言
            HTML决定网页结构和内容(决定看到什么)，相当于人的身体
            CSS决定网页呈现给用户的模样(决定好不好看)，相当于给人穿衣服、化妆
        JS脚本语言--编程类语言
            实现业务逻辑和页面控制(决定功能)，相当于人的各种动作
            JS书写位置
                行内
                内嵌
                外部
        什么是变量
             变量就是一个装东西的盒子，通俗的来说，变量就是存放数据的容器。我们通过变量名获取数据，甚至可以修改数据
    JavaScript数据类型
        简单数据类型    说明
        Number    数字型，包含整数值和浮点值
        Boolean    布尔值类型，如true、false，等价与1和0
        String    字符串类型
        Undefined    Var a;声明了变量a但是没有给值，此时a = undefined
        Null    Var a = null；声明了变量a为空值
    分支结构
        由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而得到不同的结果
    分支语句分类
        if
        if…else
        switch
    循环结构
        循环语句的作用是反复地执行同一段代码，只要给定的条件能得到满足，包括在循环条件语句里面的代码就会重复执行下去，一旦条件不再满足则终止。
    循环语句分类
            for
            while
            do…while
    函数
        封装了一段可以被重复调用或者执行的代码块，通过这个代码块可以实现大量代码的重复使用，这就叫做函数
    什么是对象
        JavaScript 对象是拥有属性和方法的数据。
        属性：事物的特征
        方法：事物的行为

    DOM
        DOM （ Document Object Model ），叫做文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改html文档的内容和结构。
        DOM （ Document Object Model ），叫做文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改html文档的内容和结构。
        DOM的作用
            JavaScript 能够创建动态的 HTML节点
            JavaScript 能够改变页面中的所有 HTML 元素
            JavaScript 能够改变页面中的所有 HTML 属性
            JavaScript 能够改变页面中的所有 CSS 样式
            JavaScript 能够对页面中的所有事件做出反应
        DOM查询元素方法
            getElementById(“id值”)    通过 id 查找 HTML 元素    一个元素对象
            getElementsByTagName（”name值”）    通过标签名查找 HTML 元素    元素对象集合
            getElementsByClassName（”class值”）    通过类名找到 HTML 元素    元素对象集合
            querySelector    通过选择器获取第一个对象    一个元素对象
            querySelectorAll    根据选择器返回所有对象集合    元素对象集合
            body    获取body元素    一个元素对象
            documentElement    获取html元素    一个元素对象
            其他方法
                createElement      用于创建一个元素节点
                appendChild     向一个元素节点的末尾追加一个节点
                insertBefore      向某一个节点前插入一个节点
                removeChild    移除某一节点下的某一个节点
                replaceChild       将页面中的某一个节点替换掉