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
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!