'A beautiful photo'; // 为每张图片添加点击预览功能 imgElement.onclick = () => { window.open(imgSrc); }; document.getElementById('content').appendChild(imgElement); } } catch (error) { console.error("Error fetching images:", error); } } fetchRandomImages(); ``` 在这个示例中，我们使用了Unsplash API来获取随机图片，并在页面上动态生成这些图片的链接。每张图片还附加了一个点击事件监听器以打开图片的大尺寸版本。 请确保替换`YOUR_UNSPLASH_API_KEY`为实际的Unsplash API密钥。 如果你有任何进一步的需求或疑问，随时告诉我！ ``` ```markdown ### 示例代码扩展 为了更好地展示如何从API获取并展示随机图片，这里给出一个基于Unsplash API的例子。我们将使用Fetch API来获取一组高质量的免费图片，并在页面上动态插入这些图片。 1. **引入必要的库**（如果你尚未引用）： ```html ``` 2. **生成动态图片链接的JavaScript代码**： 将以下脚本放入你的HTML文件中，确保替换`YOUR_UNSPLASH_API_KEY`为实际的Unsplash API密钥。 ```html