js ändert den Browsertitel dynamisch

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 = '需要设置的值';

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的值。

Zum Beispiel:

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

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('')

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 = '需要设置的值';

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的值。

Zum Beispiel:

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

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('')

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!