So ändern Sie den Browsertitel mit Javascript

Lassen Sie mich Ihnen eine Methode und Technik zur Verwendung von JavaScript zum Ändern des Browsertitels 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

Über console.log(document.getElementsByTagName("title")[0]) wird festgestellt, dass die Beschriftung b2386ffb911b14667cb8f0f91ea547a7 nur ausgedruckt werden kann Knoten im Etikett, also kann ich vermuten, dass nur TextNode erkannt werden kann, sodass das Festlegen des Titelwerts mithilfe der innerText-Methode erfolgreich war.

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 verliert. Sie können feststellen, dass sich der Titel ändert, wenn Sie zwischen den Browser-Registerkarten wechseln.

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 den Titel der Webseite über innerText und document.title dynamisch ändern.

In jq können wir $('title') verwenden. html('') Oder $('title').text('') zum Ändern.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So beurteilen Sie, ob jQuery geladen ist

So verwenden Sie die React Native-Screenshot-Komponente (ausführliches Tutorial)

So verwenden Sie state und setState in React (ausführliche Anleitung)

So fügen Sie eine mobile Bestätigungscode-Komponente in Vue hinzu

So steuern Sie den globalen Schalter console.log in Vue

So deaktivieren Sie das Scrollen auf der unteren Seite des Popup-Fensters

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Browsertitel mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!