Maison > Article > interface Web > Comment définir le titre HTML en js

Comment définir le titre HTML en js

青灯夜游original: 2021-12-13 14:02:325229parcourir

Méthode : 1. Utilisez l'instruction "document.getElementsByTagName("title")[0].innerText='value'" 2. Utilisez l'instruction "document.title='value'" 3. Utilisez "$( 'title ').html('value')".

L'environnement d'exploitation de ce tutoriel : système windows7, version javascript1.8.5&&jquery1.10.2, ordinateur Dell G3.

js définit le titre du titre html

méthode innerText

via console.log(document.getElementsByTagName("title")[0]), et a constaté que la balise

, et il n'y a qu'un seul nœud Text, donc je suppose qu'il ne peut reconnaître que TextNode, j'ai donc utilisé innerText pour définir la valeur du titre, et cela a réussi. <pre class="brush:php;toolbar:false">document.getElementsByTagName("title")[0].innerText = '需要设置的值';</pre>méthode document.title Après le test, la valeur du titre peut également être définie via document.title. <pre class="brush:js;toolbar:false">console.log(document.title); # 可以获取title的值。 document.title = '需要设置的值'; # 设置title的值。</pre>Méthode jQuery Méthode jQuery 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 change. Bien sûr, si votre projet repose sur jQuery, vous pouvez utiliser la méthode jq pour définir <pre class="brush:php;toolbar:false">$('title').html('需要设置的值') $('title').text('需要设置的值')</pre>Exemple : <pre class="brush:js;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>hello</title> <script src="js/jquery-1.7.2.min.js"></script> </head> <body> <script type="text/javascript"> // $('title').html('php中文网'); $('title').text('php中文网'); </script> </body> </html></pre><img src="https://img.php.cn/upload/image/616/738/796/1639375311415707.png" title="1639375311415707.png" alt="Comment définir le titre HTML en js"> Summary En js natif, on peut passer <code>innerText, <code>document.title</code> Il existe deux manières de modifier dynamiquement le titre d'une page Web en jq, nous pouvons utiliser <code>$('title').html('')<.> ou <code>$('title').text('')</code> à modifier. <code>innerText</code> , <code>document.title</code> 两种方式动态修改网页的title .</.></code></code> jq中我们可以通过 <code>$('title').html('')</code> 或者 <code>$('title').text('')</code>【Apprentissage recommandé : Tutoriel avancé javascript<a href="https://www.php.cn/course/list/2.html" target="_blank">】</a>

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!

JavaScript jquery html JS console

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

Article précédent：Comment rendre un élément en lecture seule dans jqueryArticle suivant：Comment rendre un élément en lecture seule dans jquery

Articles Liés

Voir plus