使用 JavaScript 获取文档标题元

get document title meta using javascript

本文关键字：标题 文档 获取 JavaScript 使用      更新时间：2023-09-26

我正在尝试实现下面的这个简单脚本，当浏览器选项卡处于焦点时，它将显示由WordPress(或SEO插件(分配的文档标题，并在选项卡未聚焦时显示altrenate文档标题：

<script>
window.onblur = function () { document.title = 'Come Back!'; }
window.onfocus = function () { document.title = 'WP Doc Title'; }
</script>

如何更改上述脚本以获取当前磁贴？

谢谢。

document.title既

是getter，又是setter。所以你只需要这个

var title = document.title; // store the current title by accessing getter
console.log(title);
因此，在

变量下的事件处理程序之外访问它，然后您可以在onfocus中使用它

在开始更改之前将其存储在某个地方，然后使用它来还原。

<script>
  var originalTitle = document.title;
  window.onblur = function () { document.title = 'Come Back!'; }
  window.onfocus = function () { document.title = originalTitle; }
</script>

window.onblur = function () { 
    document.getElementsByTagName('title')[0].innerHTML = 'Come Back!'; 
    alert(document.getElementsByTagName('title')[0].innerHTML);    
}
window.onfocus = function () { 
    document.getElementsByTagName('title')[0].innerHTML = 'WP Doc Title'; 
    alert(document.getElementsByTagName('title')[0].innerHTML);  
}

使用一些WP函数(如the_title/get_the_title/bloginfo(怎么样？我刚刚尝试了一下，它对我有用。

<script>
window.onblur = function () { document.title = 'Come Back!'; }
window.onfocus = function () { document.title = '<?php the_title(); ?>'
</script>

如果它不是单个帖子，请尝试使用bloginfo('name'(，也可以工作。您还可以将标题的标记内容作为 javascript 变量获取。如果您激活了 SEO 插件，这将是最好的方法。

var title = document.title;

可能看起来像这样：

<script>
var title = document.title;
window.onblur = function () { document.title = 'Come Back!'; }
window.onfocus = function () { document.title = title; }
</script>
相关文章：