📅  最后修改于: 2023-12-03 15:41:28.218000             🧑  作者: Mango
在Javascript中,我们可以使用document.title
来获取当前页面的标题。
let pageTitle = document.title;
这将返回一个字符串,包含当前页面的标题。
如果需要在页面标题发生变化时获取更新后的值,我们可以使用DOM
的MutationObserver
来监听标题变化。
// 监听标题变化
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'childList' && mutation.target.nodeName === 'TITLE') {
let pageTitle = mutation.target.textContent;
console.log(pageTitle);
}
});
});
// 配置观察选项
const config = { childList: true };
// 选择要观察的节点
const targetNode = document.querySelector('head');
// 开始观察
observer.observe(targetNode, config);
这将输出最新的页面标题。
以上是获取当前页面标题的两种常见方法。