webNavigation.onDOMContentLoaded
当页面中触发 DOMContentLoaded 事件时触发。此时文档已加载并解析,DOM 已完全构建,但链接的资源(如图像、样式表和子框架)可能尚未加载。
语法
js
browser.webNavigation.onDOMContentLoaded.addListener(
listener, // function
filter // optional object
)
browser.webNavigation.onDOMContentLoaded.removeListener(listener)
browser.webNavigation.onDOMContentLoaded.hasListener(listener)
事件具有三个函数
addListener(listener)
-
向此事件添加监听器。
removeListener(listener)
-
停止监听此事件。
listener
参数是要移除的监听器。 hasListener(listener)
-
检查
listener
是否已为此事件注册。如果正在监听,则返回true
,否则返回false
。
addListener 语法
参数
其他对象
details
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。
示例
记录 onDOMContentLoaded
的目标 URL,如果目标 URL 的主机名包含“example.com”或以“developer”开头。
js
const filter = {
url: [{ hostContains: "example.com" }, { hostPrefix: "developer" }],
};
function logOnDOMContentLoaded(details) {
console.log(`onDOMContentLoaded: ${details.url}`);
}
browser.webNavigation.onDOMContentLoaded.addListener(
logOnDOMContentLoaded,
filter,
);
注意:此 API 基于 Chromium 的 chrome.webNavigation
API。此文档来自 Chromium 代码中的 web_navigation.json
。