JavaScript Web API 的概念

JavaScript Web API 是浏览器提供的一套可以用来操作和交互网页的接口集合。它允许开发者通过JavaScript代码来访问和操作浏览器的功能，例如DOM操作、事件处理、发送HTTP请求等。

以下是一些常见的JavaScript Web API：

1. DOM API：允许开发者通过JavaScript来操作网页的结构和内容。可以使用DOM API来创建、修改和删除HTML元素，修改元素的属性和样式。

示例代码：

// 创建一个新的div元素
var div = document.createElement('div');

// 设置div元素的文本内容
div.textContent = 'Hello, World!';

// 将div元素添加到网页中的body元素中
document.body.appendChild(div);

1. XMLHttpRequest API：允许开发者发送HTTP请求并处理响应。通过XMLHttpRequest对象，开发者可以发送GET、POST等类型的请求，设置请求头和请求体，以及处理响应数据。

示例代码：

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求的方法和URL
xhr.open('GET', 'https://api.example.com/data');

// 处理响应数据
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(xhr.response