📌  相关文章
📜  获取当前页面标题 javascript (1)

📅  最后修改于: 2023-12-03 15:41:28.218000             🧑  作者: Mango

获取当前页面标题 Javascript

在Javascript中,我们可以使用document.title来获取当前页面的标题。

let pageTitle = document.title;

这将返回一个字符串,包含当前页面的标题。

如果需要在页面标题发生变化时获取更新后的值,我们可以使用DOMMutationObserver来监听标题变化。

// 监听标题变化
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);

这将输出最新的页面标题。

以上是获取当前页面标题的两种常见方法。