JS基础和WebAPIs的关联性

作者: 潘肚饿兵哥哥 | 来源:发表于2020-09-11 23:40 被阅读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把以上内容都看作对象}$

网友评论

本文标题：JS基础和WebAPIs的关联性

本文链接：https://www.haomeiwen.com/subject/suwpektx.html

JS基础和WebAPIs的关联性