1. Web APIs 和 JS基础的关联性
1.1 JS 组成
- ECMAScript:JavaScript语法
- DOM:文档对象模型
- BOM:浏览器对象模型
1.2 JS 基础阶段以及Web APIs阶段
JS基础阶段
- 学习ECMAScript标准规定的基本语法
- 只学习语法做不了常用的网页交互效果
- JS基础是铺垫
Web APIs阶段
- Web APIs 是W3C组织的标准
- 主要学习DOM 和 BOM
- Web APIs是JS所独有的部分
- 主要学习页面交互功能
- 需要JS基础做铺垫
API 和 Web API
- API(Application Programming interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无法访问源码,或理解内部工作机制的细节
- Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM),主要针对浏览器做交互效果。Web API很多都是方法(函数)
2. DOM简介
2.1 什么是DOM
文档对象模型(Document Object Model, 简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML/XML)的标准编程接口。
W3C已经定义了一系列的DOM接口,通过这些接口可以改变网页的内容、结构和样式。
2.2 DOM树
- 文档:一个页面就是一个文档,DOM中使用document表示
- 元素:页面中所有的标签都是元素,DOM中使用element表示
- 节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM中使用node表示
DOM把以上内容都看做是对象