Heim  >  Artikel  >  Web-Frontend  >  Beispiel für die gemeinsame Nutzung von JavaScript-Modifikationsbrowser-Titelmethoden

Beispiel für die gemeinsame Nutzung von JavaScript-Modifikationsbrowser-Titelmethoden

小云云
小云云Original
2018-01-05 17:43:131816Durchsuche

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:

Ändern Sie den User-Agent des Browsers in PHP, um Ihren Browser und Ihr Betriebssystem zu verschleiern

JavaScript-Änderung Titel der Browser-Registerkarte Tips_Javascript-Kenntnisse

Verwenden Sie JavaScript, um den Implementierungscode der Browser-URL-Adresse zu ändern. bar_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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn