Jak zmienić tytuł strony w JavaScript

„„Tytuł strony”Odnosi się do krótkiego podsumowania strony internetowej wyświetlonej u góry zakładki przeglądarki. Tytuł dokumentu jest określony za pomocą etykietka. Karta strony lub pasek tytułu przeglądarki wyświetla tytuł, który powinien być tylko tekstem. Podczas nawigacji stron internetowych tytuł strony należy zmienić zgodnie z jej treścią.

Ten post na blogu zdefiniuje procedurę zmiany tytułu strony w JavaScript.

Jak zmienić tytuł strony w JavaScript?

Aby zmienić tytuł strony, użyj poniżej podania metod:

• dokument.tytuł nieruchomość
• QuerySelelect () metoda

Zobaczmy, jak działają te metody.

Metoda 1: Zmień tytuł strony za pomocą dokumentu.Nieruchomość tytułu

Tytuł dokumentu można zmienić lub odzyskać za pomocą „dokument. tytuł" atrybut. Tytuł strony można zmienić, podając nową nazwę lub tytuł jako ciąg do tego atrybutu.

Składnia
Postępuj zgodnie z podaną składnią do użycia właściwości „dokument.tytuł„Aby zmienić tytuł strony:

dokument.title = „Newtitle”;

Przykład
Utwórz przycisk w pliku HTML, który zmieni tytuł strony podczas zdarzenia kliknięcia:

Kliknij, aby zmienić tytuł strony

Tutaj tytuł strony utworzonej strony HTML to „Dokument„Zmieni się, klikając przycisk:

W pliku JavaScript zdefiniuj funkcję, „ChangeTitle ()„Gdzie ustaw nowy tytuł strony, która zostanie zmieniona za pomocą„dokument.tytuł" atrybut:

funkcja ChangeTitle ()
dokument.title = „Linuxhint”;

Wyjście

Powyższe dane wyjściowe pokazuje, że tytuł strony jest pomyślnie zmieniany w kliknięciu przycisku.

Metoda 2: Zmień tytuł strony za pomocą metody QuerySelelect ()

Istnieje inny sposób na zmianę tytułu strony, używając „QuerySelelect ()„Metoda z„TextContent" atrybut. Ta metoda przyjmuje element DOM jako argument, a następnie zmienia bieżący tytuł strony za pomocą właściwości TextContent.

Składnia
Użyj następującej składni, aby zmienić tytuł strony za pomocą „QuerySelelect ()" metoda:

dokument.querySelelector („tytuł”).textContent = "Newtitle";

Przykład
Zdefiniuj funkcję „ChangeTitle ()”I ustaw nowy tytuł strony, wybierając„tytuł„Element w„QuerySelelect ()" metoda:

funkcja ChangeTitle ()
dokument.querySelelector („tytuł”).textContent = 'Linuxhint';

Wyjście

Z wyjścia można zaobserwować, że tytuł strony został zmieniony za pomocą JavaScript.

Wniosek

Aby zmienić tytuł strony, użyj „dokument.tytuł„Własność lub„QuerySelelect ()„Metoda z„TextContent" nieruchomość. W celu zmiany tytułu strony „dokument.tytuł„Atrybut jest najczęściej stosowaną metodą. Szybko zmienia tytuł strony, podczas gdy druga metoda najpierw pobiera element tytułu, a następnie zmienia jego wartość Ten post na blogu pokazuje sposoby zmiany tytułu strony w JavaScript.