Méthode JavaScript pour modifier dynamiquement le titre du navigateur (titre)

Je vais vous parler d'une méthode et d'une technique d'utilisation de JavaScript pour modifier dynamiquement le titre du navigateur (titre). Les amis qui en ont besoin peuvent tester le code.

title est un élément de nœud spécial en HTML car il peut utiliser document.getElementsByTagName("title")[0] pour obtenir la balise de titre de la page Web, mais il ne peut pas utiliser document.getElementsByTagName("title). ") [0].innerHtml est utilisé pour modifier sa valeur. Après les tests, il existe deux façons de modifier le js natif, et cela peut également être facilement défini dans jQuery. Les amis qui ne sont pas sûrs peuvent le découvrir.

Méthode innerText

via console.log(document.getElementsByTagName("title")[0]), J'ai trouvé que l'étiquette b2386ffb911b14667cb8f0f91ea547a7 peut être imprimée. Il n'y a que des nœuds de texte dans l'étiquette, donc je suppose qu'elle ne peut reconnaître que TextNode, j'ai donc utilisé innerText pour définir la valeur du titre, et cela a fonctionné.

document.getElementsByTagName("title")[0].innerText = '需要设置的值';

Méthode document.title

Après le test, la valeur du titre peut également être définie via document.title.

console.log(document.title);      # 可以获取title的值。
document.title = '需要设置的值';    # 设置title的值。

Exemple :

window.onfocus = function () {
 document.title = '恢复正常了...';
};
window.onblur = function () {
 document.title = '快回来~页面崩溃了';
};

Nous modifions la valeur du titre lorsque le navigateur obtient le focus et le perd. Vous pouvez constater que lorsque vous changez d'onglet du navigateur, le titre se produit.

Méthode jQuery

Bien sûr, si votre projet repose sur jQuery, vous pouvez utiliser la méthode jq pour le définir

$('title').html('')

$('title').text('')

Les deux méthodes peuvent être réalisées en jq

Résumé

En js natif, nous pouvons transmettre innerText, document.title Il existe deux façons de modifier dynamiquement le titre de la page Web

En jq, nous pouvons le modifier via $('title').html('') ou $('. titre').text('') .

Ce qui précède est la méthode détaillée de modification dynamique du titre du navigateur (titre) avec JavaScript. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript !