Heim > Artikel > Web-Frontend > Beispiel für die gemeinsame Nutzung von JavaScript-Modifikationsbrowser-Titelmethoden
title ist ein spezielles Knotenelement in HTML, da document.getElementsByTagName("title")[0] zum Abrufen des Titel-Tags der Webseite verwendet werden kann, document.getElementsByTagName("title")[ jedoch nicht verwendet werden kann. 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]) wurde festgestellt, dass das Etikett b2386ffb911b14667cb8f0f91ea547a7 Es gibt nur Textknoten im Etikett, also vermutete ich, dass es nur TextNode erkennen konnte, also habe ich innerText verwendet, um den Wert von title festzulegen, und es war erfolgreich.
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 uns, wenn der Browser den Fokus gewinnt und verliert. Was den Wert betrifft des Titels können Sie feststellen, dass sich der Titel ändert, wenn Sie zwischen den Browser-Tabs 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 es über $('title').html('') oder $('title').text('') ändern.
Verwandte Empfehlungen:
JavaScript-Änderung Titel der Browser-Registerkarte Tips_Javascript-Kenntnisse
Das obige ist der detaillierte Inhalt vonBeispiel für die gemeinsame Nutzung von JavaScript-Modifikationsbrowser-Titelmethoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!