Maison > Article > interface Web > Partage d'exemple de méthode de titre de navigateur de modification Javascript
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
Grâce à console.log(document.getElementsByTagName("title")[0]), on constate que l'étiquette b2386ffb911b14667cb8f0f91ea547a7 il n'y a que des nœuds de texte dans l'étiquette. j'ai donc supposé qu'il ne pouvait reconnaître que TextNode, j'ai donc utilisé innerText pour définir la valeur du titre, et cela a réussi.
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 changeons lorsque le navigateur gagne et perd le focus Quant à la valeur du titre, vous pouvez constater que le titre change lorsque vous changez d'onglet du navigateur.
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 implémentées en jq
Résumé
En js natif, nous pouvons modifier dynamiquement le titre de la page Web via innerText et document.title.
En jq, on peut le modifier via $('title').html('') ou $('title').text('').
Recommandations associées :
Modification JavaScript Titre de l'onglet du navigateur tips_javascript skills
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!