получить название документа meta с помощью javascript

Question

Я пытаюсь реализовать этот простой скрипт ниже, который отображает заголовок документа, назначаемый wordpress (или плагин seo), когда вкладка браузера находится в фокусе, и отображает название надстрочного документа когда вкладка не находится в фокусе:

<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 ('name'), также будет работать. Вы также можете получить содержимое тега title как переменную 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>