```
```
DOMContentLoaded 事件监听器:
document.addEventListener("DOMContentLoaded", function () {...});
这个事件监听器会在 HTML 文档完全加载和解析完成后执行其中的代码。这样可以确保所有 DOM 元素都可以被安全地访问。
获取当前页面 URL:
var currentUrl = window.location.href;
这行代码获取当前页面的完整 URL，并将其存储在 currentUrl 变量中。
构造请求 URL:
var requestUrl = "https://api.mhimg.cn/api/bdsite/?url=" + encodeURIComponent(currentUrl);
这行代码构造了一个用于检查页面收录状态的 API 请求 URL。encodeURIComponent 函数用于编码 currentUrl 以确保它在 URL 中的安全性。
发送 GET 请求:
fetch(requestUrl)
使用 fetch API 发送 GET 请求到构造的 requestUrl。
处理 API 响应:
.then(response => response.json())
将响应解析为 JSON 格式。
处理 JSON 数据:
.then(data => {...})
根据从 API 获取的 data 对象中的 data 字段来确定收录状态。
如果 data.data === 1，则显示“已收录”。
如果 data.data !== 1，则构造百度提交的 URL，并显示“未收录”。
使用 resultDiv.innerHTML 更新页面内容。
处理请求错误:
.catch(error => {...})
如果请求过程中发生错误，将错误信息打印到控制台，并更新页面显示“检查收录状态时出错，请稍后再试。”
HTML 更新:
document.getElementById("result").innerHTML = '
收录状态：...
'; 根据收录状态动态更新页面上的 result 元素的内容。 总结: 这个脚本的功能是检查当前页面是否被某个网站收录，如果未被收录，则提供一个链接，用户可以点击这个链接提交页面到百度资源平台。 演示图片：[](https://www.colyoy.cn/content/uploadfile/202408/fee71723822578.png) [](https://www.colyoy.cn/content/uploadfile/202408/e9f81723822594.png) 采用ajax异步加载，不会拖慢网站加载速度