JS基础和WebAPIs的关联性

image.png

学习ECMAscript标准规定的基本语法
掌握JS基础语法
只学习JS基础做不了网页交互效果
学习JS基础语法是为了后面BOM和BOM打基础
学完BOM和BOM还有JS高级

Web APIs是W3C组织的标准
Web APIs我们主要学习DOM和BOM
Web APIs是JS独有的部分
主要学习页面交互功能
需要JS基础的课程做基础铺垫

API是一个接口

WebAPI是浏览器提供的一套操作浏览器功能和页面元素的API(DOM和BOM)

知道什么是DOM
能够获取页面元素
能够给元素注册事件(鼠标点击、键盘输入)
能够操作DOM元素的属性(修改样式)
能够创建元素
能够操作DOM节点

DOM简介
获取元素
事件基础
操作元素
节点操作

DOM是（Document ObjectModel,简称DOM），是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口

image.png

文档：一个页面就是一个文档，document
元素：页面中的所有标签都是元素，element
节点：网页中所有的内容都是节点(标签、属性、文本、注释等)，DOM中使用node表示