常見瀏覽器API
特別地，您將使用的最常見的瀏覽器API類別（以及我們將更詳細地介紹的）是：
- 操作文檔的API內置於瀏覽器中。最明顯的例子是DOM（文檔對象模型）API，它允許您操作HTML和CSS — 創建、移除以及修改HTML，動態地將新樣式應用到您的頁面，等等。每當您看到一個彈出窗口出現在一個頁面上，或者顯示一些新的內容時，這都是DOM的行為。 您可以在在Manipulating documents中找到關於這些類型的API的更多信息。
- 從服務器獲取數據的API 用於更新網頁的一小部分是相當好用的。這個看似很小的細節能對網站的性能和行為產生巨大的影響 — 如果您只是更新一個股票列表或者一些可用的新故事而不需要從服務器重新加載整個頁面將使網站或應用程序感覺更加敏感和“活潑”。使這成為可能的API包括
XMLHttpRequest和Fetch API。您也可能會遇到描述這種技術的術語Ajax。您可以在Fetching data from the server找到關於類似的API的更多信息。 - 用於繪制和操作圖形的API目前已被瀏覽器廣泛支持 — 最流行的是允許您以編程方式更新包含在HTML
<canvas>元素中的像素數據以創建2D和3D場景的Canvas和WebGL。例如，您可以繪制矩形或圓形等形狀，將圖像導入到畫布上，然后使用Canvas API對其應用濾鏡（如棕褐色濾鏡或灰度濾鏡），或使用WebGL創建具有光照和紋理的復雜3D場景。這些API經常與用於創建動畫循環的API（例如window.requestAnimationFrame()）和其他API一起不斷更新諸如動畫和游戲之類的場景。 - 音頻和視頻API例如
HTMLMediaElement，Web Audio API和WebRTC允許您使用多媒體來做一些非常有趣的事情，比如創建用於播放音頻和視頻的自定義UI控件，顯示字幕字幕和您的視頻，從網絡攝像機抓取視頻，通過畫布操縱（見上），或在網絡會議中顯示在別人的電腦上，或者添加效果到音軌（如增益，失真，平移等） 。 - 設備API基本上是以對網絡應用程序有用的方式操作和檢索現代設備硬件中的數據的API。我們已經討論過訪問設備位置數據的地理定位API，因此您可以在地圖上標注您的位置。其他示例還包括通過系統通知（參見Notifications API）或振動硬件（參見Vibration API）告訴用戶Web應用程序有用的更新可用。自定義導航網址
- 客戶端存儲API在Web瀏覽器中的使用變得越來越普遍 - 如果您想創建一個應用程序來保存頁面加載之間的狀態，甚至讓設備在處於脫機狀態時可用，那么在客戶端存儲數據將會是非常有用的。例如使用Web Storage API的簡單的鍵 - 值存儲以及使用IndexedDB API的更復雜的表格數據存儲。