Web API和API有什么关系？

Web API是浏览器提供的一套操作浏览器功能和页面元素的接口。例如，在JavaScript学习中经常使用的console.log()就是一个接口。 这里的console对象表示浏览器的控制台，调用它的log()方法就可以在控制台中输出调试信息。

接下来，将围绕JavaScript的组成以及Web API与API的关系进行详细介绍。

JavaScript语言由3部分组成，分别是ECMAScript、BOM和DOM，其中ECMAScript是JavaScript语言的核心，它的内容包括前JavaScript基本语法、数组、函数和对象等。而Web API包括BOM和DOM两部分。具体关系如下图所示。

在学习JavaScript时，基础阶段学习的ECMAScript的基础语法，是为学习Web API部分做前期的铺垫；学习Wb API阶段是Janaoripr的实战应用。在这一阶段将会大量使用JavaScript基础语法来实现网页的交互效果。

Web API与API的关系

（1）API

应用程序编程接口(Aplication Progamming Interface API) 是一些预先定义的函数，这些函数是由某个软件开放给开发人员使用的，帮助开发者实现某种功能。开发人员无须访问源码、无须理解其内部工作机制细节，只需知道如何使用即可。

例如，开发一个美颜相机的手机应用。该应用需要调起手机上的摄像头来拍摄画面，如果没有API，则开发这个应用将无从下手。因此，手机的操作系统为了使其他应用具有访问手机摄像头的能力，就开放了一套API，然后由手机应用的开发工具将API转换成一个可以被直接调用的函数。直接调用函数就能完成调用摄像头，获取摄像头拍摄的画面等功能。开发人员的主要工作是查阅API文档，了解API如何使用。

（2）Web API

Web API是主要针对浏览器的API,在JavaScript语言中被封装成了对象，通过调用对象的属性和方法就可以使用Web API。在前面的学习中，经常使用console.log()在控制台中输出调试信息，这里的console对象就是一个Web API。在后面还会讲解window对象、document对象等Web API的使用。例如，使用document.tite属性获取或设置页面的标题、使用document.write()方法写人页面内容，示例代码如下。

document.title = '设置新标题';  //设置页面标题
console.log(document.title);    //获取页面标题
document.write('<h1>网页内容</h1>');    //将字符串写入页面

猜你喜欢：

Javascript创建对象的方式有哪些？

如何在JavaScript中获取当前日期？

JavaScript是什么？可以做什么？

jQuery中的prop和attr

传智教育HTML&JS+前端培训课程