javascript api文档,javascriptapi手册,js调用webapi,javascript的api,js api文档,js使用api
JavaScript Web API是一组由Web浏览器提供的API（应用程序编程接口），允许JavaScript与浏览器交互并访问浏览器功能。这些API包括DOM操作，AJAX请求，定时器，地理位置等。

以下是JavaScript Web API的几个例子：

1. DOM API：通过Document Object Model（文档对象模型） API，JavaScript可以访问和操作HTML和CSS文档的内容和结构。例如：

javascript
// 获取元素并修改内容
const element = document.querySelector('#myElement');
element.textContent = 'Hello, world!';

// 添加一个新元素
const newElement = document.createElement('div');
newElement.textContent = 'This is a new element!';
document.body.appendChild(newElement);


2. Fetch API：通过Fetch API，JavaScript 可以进行网络请求（如获取JSON数据、图片或HTML文件）并获取响应。例如：

javascript
// 获取 JSON 数据
fetch('https://example.com/data.json')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));

// 获取图像
fetch('https://example.com/image.png')
.then(response => response.blob())
.then(blob => {
const img = document.createElement('img');
img.src = URL.createObjectURL(blob);
document.body.appendChild(img);
})
.catch(error => console.error(error));


3. Web Storage API：通过Web Storage API，JavaScript 可以在浏览器端存储数据，以便在同一域名下的页面之间共享。例如：

javascript
// 存储数据
localStorage.setItem('username', 'John');
sessionStorage.setItem('token', 'abc123');

// 获取数据
const username = localStorage.getItem('username');
const token = sessionStorage.getItem('token');

// 删除数据
localStorage.removeItem('username');
sessionStorage.clear();


4. Geolocation API：通过Geolocation API，JavaScript 可以获取用户的地理位置信息。例如：

javascript
// 获取当前位置
navigator.geolocation.getCurrentPosition(
position => console.log(position),
error => console.error(error)
);

// 监听位置变化
const watchId = navigator.geolocation.watchPosition(
position => console.log(position),
error => console.error(error)
);

// 停止监听位置变化
navigator.geolocation.clearWatch(watchId);


以上仅是JavaScript Web API中的一小部分。其他常用的API包括定时器API（setTimeout和setInterval），Canvas API，Web Audio API等。