Javascript API 可以帮助开发者实现对 web 页面的控制和互动，从而增强用户体验。常见的 Javascript API 包括：DOM API、Canvas API、WebGL API、Geolocation API、WebSocket API、Local Storage API 等。在这篇文章中，我们将会着重介绍几个比较常用的 Javascript API，并通过举例说明它们的应用。

DOM API，即 Document Object Model，它可以帮助我们操作 HTML 和 XML 文档。比如，我们可以通过 document.getElementById(id) 这个方法获取页面上特定元素的引用，然后再对它进行各种操作，如改变文本内容、修改样式等。下面是一段通过 DOM API 实现点击按钮时改变提示文本的代码：

function changeText() {
document.getElementById("demo").innerHTML = "Hello World";
}

Canvas API 可以让我们通过 JavaScript 在网页上绘制出各种形状、线条和图片。比如，我们可以使用 canvas 的 getContext 方法获取绘图上下文，然后通过方法和属性控制绘图。下面是一段通过 Canvas API 实现绘制矩形图形的代码：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 150, 75);

Geolocation API 能够获取用户的地理位置信息，并进行相应的处理。比如，我们可以通过 navigator.geolocation.getCurrentPosition 方法，获取用户的当前位置信息，然后再对这些信息进行处理，如通过地图展示用户的位置等。下面是一段通过 Geolocation API 实现展示用户当前位置的代码：

function showPosition(position) {
var latlon = position.coords.latitude + "," + position.coords.longitude;
var img_url = "http://maps.googleapis.com/maps/api/staticmap?center=
"+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML = "";
}
navigator.geolocation.getCurrentPosition(showPosition);

除了以上几个常见的 Javascript API，还有 WebSocket API、Local Storage API 等也都拥有其独特的应用领域。总之，通过灵活运用这些 Javascript API，我们可以实现许多优秀的 web 应用，增强用户的网页互动性与体验。