JavaScript 提供两种方法来收藏网页：使用 Web Storage API 存储 URL 在 localStorage 或 sessionStorage 中。使用 indexedDB 创建一个数据库来存储 URL，容量更大，功能更强大，但使用更复杂。
如何使用 JavaScript 收藏网页
简介
JavaScript 是一种强大的编程语言，可用于在网页上创建交互式和动态功能。其中一项功能是能够收藏网页，以便稍后轻松访问它们。
方法
有两种主要方法可以使用 JavaScript 收藏网页：
1. 使用 Web Storage API
Web Storage API 提供了两种存储类型：localStorage 和 sessionStorage。这两种类型都可以用来存储数据，但 localStorage 在浏览器会话之间持久存在，而 sessionStorage 仅在当前会话中可用。
以下是如何使用 Web Storage API 收藏网页：
// 获取当前 URL
const url = window.location.href;
// 将 URL 存储在 localStorage 中
localStorage.setItem('收藏', url);稍后，可以通过以下方式检索已收藏的 URL：
// 从 localStorage 中获取已收藏的 URL
const url = localStorage.getItem('收藏');
// 在新标签页中打开已收藏的 URL
window.open(url, '_blank');2. 使用 indexedDB
indexedDB 是一个浏览器数据库，可用于存储大量结构化数据。indexedDB 比 Web Storage API 更强大，但使用起来也更复杂。
以下是如何使用 indexedDB 收藏网页：
// 创建一个 IndexedDB 数据库
const request = indexedDB.open('收藏', 1);
request.onsuccess = (e) => {
// 打开数据库成功后执行此操作
const db = e.target.result;
// 在数据库中创建一个对象存储
const store = db.createObjectStore('收藏', { keyPath: 'id' });
// 将当前 URL 添加到对象存储中
store.add({ id: Date.now(), url: url });
};
request.onerror = (e) => {
// 打开数据库失败时执行此操作
console.error('IndexedDB 发生错误');
};稍后，可以通过以下方式检索已收藏的 URL：
// 打开数据库
const request = indexedDB.open('收藏', 1);
request.onsuccess = (e) => {
// 打开数据库成功后执行此操作
const db = e.target.result;
// 从数据库中获取对象存储
const store = db.transaction('收藏').objectStore('收藏');
// 获取所有已收藏的 URL
store.getAll().onsuccess = (e) => {
// 打印所有已收藏的 URL
console.log(e.target.result);
};
};
request.onerror = (e) => {
// 打开数据库失败时执行此操作
console.error('IndexedDB 发生错误');
}; 
