Javascript Web APIs

Web API 是开发人员的梦想。

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

什么是 Web API?

API 代表 Application Programming Interface(应用程序编程接口)。

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

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

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


浏览器 API

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

例如,Geolocation(地理定位)API 可以返回浏览器所在位置的坐标。

实例

获取用户位置的纬度和经度:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h2>JavaScript Gelocation</h2>
  5. <p>Click the button to get your coordinates.</p>
  6. <button onclick="getLocation()">Try It</button>
  7. <p id="demo">
  8. <script>
  9. const x = document.getElementById("demo");
  10. function getLocation() {
  11. try {
  12. navigator.geolocation.getCurrentPosition(showPosition);
  13. } catch {
  14. x.innerHTML = err;
  15. }
  16. }
  17. function showPosition(position) {
  18. x.innerHTML = "Latitude: " + position.coords.latitude +
  19. "<br>Longitude: " + position.coords.longitude;
  20. }
  21. </script>
  22. </body>
  23. </html>

第三方 API

您的浏览器中没有内置第三方 API。

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

示例:

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