So ändern Sie den Seitentitel in JavaScript

Der "Seitentitel”Bezieht sich auf die kurze Zusammenfassung einer Webseite, die oben auf einem Browser -Registerkarte angezeigt wird. Der Titel des Dokuments wird mit dem angegeben Schild. Die Registerkarte der Seite oder die Titelleiste des Browsers zeigt den Titel an, der nur Text sein sollte. Während des Navigierens auf Website -Seiten sollte der Titel der Seite entsprechend seinen Inhalten geändert werden.

Dieser Blog -Beitrag definiert das Verfahren zum Ändern des Seitentitels in JavaScript.

So ändern Sie den Seitentitel in JavaScript?

Verwenden Sie zum Ändern des Seitentitels die folgenden Methoden:

• dokumentieren.Titel Eigentum
• QuerySelector () Methode

Mal sehen, wie diese Methoden funktionieren.

Methode 1: Ändern Sie den Seitentitel mit dem Dokument.Titelleigenschaft

Der Titel des Dokuments kann mit der “geändert oder abgerufen werdendokumentieren. Titel”Attribut. Der Titel der Seite kann geändert werden, indem der neue Name oder den neuen Titel als Zeichenfolge für dieses Attribut angegeben wird.

Syntax
Befolgen Sie die angegebene Syntax für die Verwendung der Eigenschaft “dokumentieren.Titel”Um den Seitentitel zu ändern:

dokumentieren.title = "newtitle";

Beispiel
Erstellen Sie eine Schaltfläche in der HTML -Datei, mit der der Seitentitel im Klickereignis geändert wird:

Klicken Sie hier, um den Titel der Seite zu ändern

Hier ist der Seitentitel der erstellten HTML -Seite "DokumentierenDas wird geändert, indem Sie auf die Schaltfläche klicken:

In der JavaScript -Datei eine Funktion definieren “,“ändere den Titel()"Wenn der neue Titel für die Seite festgelegt wird, die mit der" geändert wirddokumentieren.Titel”Attribut:

function changetitle ()
dokumentieren.Titel = 'LinuxHint';

Ausgang

Die obige Ausgabe zeigt, dass der Seitentitel auf der Schaltfläche Klick erfolgreich geändert wird.

Methode 2: Ändern Sie den Seitentitel mit QuerySelector () Methode

Es gibt eine andere Möglichkeit, den Seitentitel zu ändern, wobei die “verwendet werdenQuerySelector ()Methode mit der “Textinhalt”Attribut. Diese Methode nimmt ein DOM -Element als Argument an und ändert dann den aktuellen Titel der Seite mithilfe der TextContent -Eigenschaft.

Syntax
Verwenden Sie die folgende Syntax, um den Seitentitel mit der “zu ändernQuerySelector ()" Methode:

dokumentieren.QuerySelector ('Titel').textContent = "newtitle";

Beispiel
Eine Funktion definieren “ändere den Titel()"Und setzen Sie den neuen Titel für die Seite, indem Sie sich auswählen"TitelElement in “QuerySelector ()" Methode:

function changetitle ()
dokumentieren.QuerySelector ('Titel').textContent = 'LinuxHint';

Ausgang

Aus der Ausgabe kann beobachtet werden, dass der Titel der Seite mit JavaScript geändert wurde.

Abschluss

Um den Seitentitel zu ändern, verwenden Sie die “dokumentieren.Titel”Eigentum oder das“QuerySelector ()Methode mit der “Textinhalt" Eigentum. Zum Ändern des Seitentitels die “dokumentieren.TitelDas Attribut ist die am häufigsten verwendete Methode. Es ändert schnell den Titel der Seite, während die zweite Methode zunächst das Titelelement abruft und dann seinen Wert ändert. Dieser Blog -Beitrag zeigt die Möglichkeiten, den Titel der Seite in JavaScript zu ändern.