JS基础和WebAPIs的关联性

2020-09-11 本文已影响0人潘肚饿兵哥哥

$\color{rgba(254, 67, 101, .8)}{目标}$
$\color{rgba(254, 67, 101, .8)}{WebAPIs阶段与javascript语法阶段的关联性}$

image.png

$\color{rgba(254, 67, 101, .8)}{JS基础阶段：}$

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

$\color{rgba(254, 67, 101, .8)}{Web APIs阶段}$

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

$\color{rgba(254, 67, 101, .8)}{什么是API}$

API是一个接口

$\color{rgba(254, 67, 101, .8)}{什么是WebAPI}$

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

$\color{rgba(254, 67, 101, .8)}{DOM：目标}$

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

$\color{rgba(254, 67, 101, .8)}{接下来学习：}$

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

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

$\color{rgba(254, 67, 101, .8)}{DOM树：}$

image.png

文档：一个页面就是一个文档，document
元素：页面中的所有标签都是元素，element
节点：网页中所有的内容都是节点(标签、属性、文本、注释等)，DOM中使用node表示
$\color{rgba(254, 67, 101, .8)}{DOM把以上内容都看作对象}$