Heim > Web-Frontend > js-Tutorial > js ändert den Browsertitel dynamisch

js ändert den Browsertitel dynamisch

小云云
Freigeben: 2017-12-06 16:17:04
Original
1684 Leute haben es durchsucht

title ist ein spezielles Knotenelement in html, da es document.getElementsByTagName("title")[0] verwenden kann, um das title-Tag der Webseite abzurufen, aber es kann document.getElementsByTagName("title")[0].innerHtml nicht verwenden, um seinen Wert zu ändern. Nach dem Testen gibt es zwei Möglichkeiten, natives JS zu ändern, und es kann auch einfach in jQuery festgelegt werden. Freunde, die sich nicht sicher sind, können es herausfinden.

innerText-Methode

Durch console.log(document.getElementsByTagName("title")[0]) wird festgestellt, dass das Etikett <title> gedruckt werden kann. Das Etikett enthält nur Textknoten, daher wird vermutet, dass nur TextNode vorhanden ist kann erkannt werden, also verwenden Sie die Methode innerText, um ihn festzulegen. Der Wert des Titels war tatsächlich erfolgreich.

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

document.title-Methode

Nach dem Testen kann der Wert des Titels auch über document.title festgelegt werden.

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

Zum Beispiel:

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

Wir ändern den Wert des Titels, wenn der Browser den Fokus erhält und den Fokus verliert. Sie können feststellen, dass zu diesem Zeitpunkt die Browser-Registerkarten gewechselt werden. title geändert.

jQuery-Methode

Wenn Ihr Projekt auf jQuery basiert, können Sie es natürlich mit der jq-Methode festlegen

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

$('title').text('')
Nach dem Login kopieren
Nach dem Login kopieren

Beide Methoden können in jq implementiert werden


Zusammenfassung

In nativem js können wir das innerText der Webseite auf zwei Arten dynamisch ändern: document.title und title jq, wir können mit
Oder $('title').html('') Änderungen vornehmen. $('title').text('')


ist ein spezielles Knotenelement in title, da es html verwenden kann, um das document.getElementsByTagName("title")[0]-Tag der Webseite abzurufen. aber es Sein Wert kann nicht mit title geändert werden. Nach dem Testen gibt es zwei Möglichkeiten, natives JS zu ändern, und es kann auch einfach in jQuery festgelegt werden. Freunde, die sich nicht sicher sind, können es herausfinden. document.getElementsByTagName("title")[0].innerHtml

innerText-Methode

Durch

habe ich festgestellt, dass das Etikett console.log(document.getElementsByTagName("title")[0]) gedruckt werden kann. Das Etikett enthält nur Textknoten, daher kann es vermutlich nur <title> erkennen Verwenden Sie also die Methode TextNode, um den Wert des Titels festzulegen. innerText

document.getElementsByTagName("title")[0].innerText = '需要设置的值';
Nach dem Login kopieren
Nach dem Login kopieren
document.title-Methode

Nach dem Testen kann der Wert des Titels auch über festgelegt werden. document.title

console.log(document.title);           # 可以获取title的值。
document.title = '需要设置的值';        # 设置title的值。
Nach dem Login kopieren
Nach dem Login kopieren
Zum Beispiel:

window.onfocus = function () {
  document.title = '恢复正常了...';
};
window.onblur = function () {
  document.title = '快回来~页面崩溃了';
};
Nach dem Login kopieren
Nach dem Login kopieren
Wir ändern den Wert des Titels, wenn der Browser den Fokus erhält und den Fokus verliert. Sie können feststellen, dass zu diesem Zeitpunkt die Browser-Registerkarten gewechselt werden.

geändert. title

jQuery-Methode

Wenn Ihr Projekt auf jQuery basiert, können Sie es natürlich mit der jq-Methode festlegen.

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

$('title').text('')
Nach dem Login kopieren
Nach dem Login kopieren
Beide Methoden in jq können implementiert werden.

Der obige Inhalt ist ein Tutorial zum dynamischen Ändern des Browsertitels mit js. Ich hoffe, es kann allen helfen.

Verwandte Empfehlungen:

JS für die PHP-Entwicklung zum Ändern des Seiten-CSS-Stils

Einführung in die JS-Änderung von Prototypattributen_Javascript-Fähigkeiten

So verwenden Sie js, um die JavaScript-Fähigkeiten der Client-Registrierung zu ändern

Das obige ist der detaillierte Inhalt vonjs ändert den Browsertitel dynamisch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage