JS篇 ------ Web API

Web API

基本了解

（1）常说的 JS （浏览器执行的 JS ）包含两部分：
—> JS 基础知识（遵循 ECMA 262 标准的）
—> JS - Web - API （遵循 W3C 标准的 ）

（2）W3C标准中关于 JS 的规定有：
—> DOM操作
—> BOM操作
—> 事件绑定
—> ajax 请求（包括 http 协议）
—> 存储

对应知识点

1、DOM 操作

DOM ------ Document Object Model （文档对象模型）

（1）DOM 本质

XML

HTML

（2）DOM 节点操作

DOM 可以理解为：浏览器把拿到的 html 代码，结构化成一个浏览器能识别并且 js 可以操作的模型

    <div id="div1" class="class-div1">
        <p id="p1" data-name="p1-data-name"> this is p1</p>
        <p id="p2"> this is p2</p>
    </div>
    <div id="div2">
        <p id="p3"> this is p3</p>
        <p id="p4"> this is p4</p>
    </div>

（2-1）获取 DOM 节点

        // 获取 dom 节点
        var div1 = document.getElementById('div1') // 获取id 为 div1 的dom节点  元素
        var divList = document.getElementsByTagName('div') // 获取所有 div 元素并组成一个集合  集合
        console.log(divList.length)
        console.log(divList[0])

        var containerList = document.getElementsByClassName('.container')  // className 为 container 的一个集合  集合
        var pList = document.querySelectorAll(