Question

我试图在下面实现这个简单的脚本，当浏览器选项卡处于焦点时，它将显示由wordpress（或seo插件）分配的文档标题，并在选项卡显示时显示altrenate doc标题不是焦点：

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

如何更改上面的脚本以获取当前的图块？

感谢。

Answer 1

document.title既是吸气者又是定位者。所以你只需要这个

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

因此，在变量下的事件处理程序外部访问它，然后您可以在onfocus

中使用它

Answer 2

在开始更改之前将其存储在某处，然后将其用于还原..

<script>
  var originalTitle = document.title;

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

Answer 3

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);  
}

Answer 4

关于使用一些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（＆＃39; name＆＃39;），也可以使用。您还可以将标题的标记内容作为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>

使用javascript获取文档标题元

4 个答案: