JavaScript 69 JavaScript Web API 69.1 Web API - 简介

JavaScript

69 JavaScript Web API

69.1 Web API - 简介

Web API 是开发人员的梦想。

• 它可以扩展浏览器的功能
• 它可以极大简化复杂的功能
• 它可以为复杂的代码提供简单的语法

69.1.1 什么是 Web API？

API 指的是应用程序编程接口（Application Programming Interface）。

Web API 是 Web 的应用程序编程接口。

浏览器 API 可以扩展 Web 浏览器的功能。

服务器 API 可以扩展 Web 服务器的功能。

69.1.2 浏览器 API

所有浏览器都有一组内置的 Web API 来支持复杂的操作，并帮助访问数据。

例如，Geolocation API 可以返回浏览器所在位置的坐标。

【举个栗子】

获取用户所在位置的经纬度：

const myElement = document.getElementById("demo");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    myElement.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function showPosition(position) {
  myElement.innerHTML = "Latitude: " + position.coords.latitude +
  "
Longitude: " + position.coords.longitude;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

这里可能会因为地图引擎不同，出现不能显示的情况，感觉是谷歌地图

69.1.3 第三方 API

第三方 API 未内置于浏览器中。

要使用这些 API，必须从 Web 下载代码。

【举个栗子】

• YouTube API - 允许在网站上显示视频。
• Twitter API - 允许在网站上显示推文。
• Facebook API - 允许在网站上显示 Facebook 信息。