JavaScript-Methode zum dynamischen Ändern des Browsertitels (title)

Ich werde Ihnen eine Methode und Technik zur Verwendung von JavaScript zum dynamischen Ändern des Browsertitels (Titel) erläutern. Freunde, die es benötigen, können den Code testen.

title ist ein spezielles Knotenelement in HTML, da es document.getElementsByTagName("title")[0] verwenden kann, um das Titel-Tag der Webseite abzurufen, aber nicht document.getElementsByTagName("title ") [0].innerHtml wird verwendet, 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

via console.log(document.getElementsByTagName("title")[0]), Ich habe festgestellt, dass das Etikett b2386ffb911b14667cb8f0f91ea547a7 ausgedruckt werden kann. Es gibt nur Textknoten im Etikett, daher kann es vermutlich nur TextNode erkennen, also habe ich innerText verwendet, um den Wert von title festzulegen, und es hat funktioniert.

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

document.title-Methode

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

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

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. Beim Wechseln der Browser-Registerkarten kann es zu einer Titeländerung kommen.

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 erreicht werden

Zusammenfassung

In nativem js können wir innerText übergeben, document.title Es gibt zwei Möglichkeiten, den Titel der Webseite dynamisch zu ändern.

In jq können wir ihn über $('title').html('') oder $(' ändern. title').text('') .

Das Obige ist die detaillierte Methode zum dynamischen Ändern des Browsertitels (Titel) mit JavaScript. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial!