Maison  >  Article  >  interface Web  >  Partage d'exemple de méthode de titre de navigateur de modification Javascript

Partage d'exemple de méthode de titre de navigateur de modification Javascript

小云云
小云云original
2018-01-05 17:43:131842parcourir

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 :

Modifiez l'agent utilisateur du navigateur en php pour masquer votre navigateur et votre système d'exploitation

Modification JavaScript Titre de l'onglet du navigateur tips_javascript skills

Utilisez JavaScript pour modifier le code d'implémentation de l'adresse URL du navigateur bar_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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn