Jak wydrukować w JavaScript | Wyjaśniono przykładami

Jak każdy inny język komputerowy, JavaScript zapewnia różne sposoby wydrukowania wyjścia. Jako uczeń JavaScript, natknąłeś się na konsolę.Metoda log () do drukowania wyjścia. Jednak wewnętrzny.Właściwość HTML, okno.metoda alert () i dokument.Metody zapisu () można również zastosować do celów drukowania w JavaScript.

W naszym dzisiejszym przewodniku zapewnimy głęboki wgląd w wszystkie możliwe podejścia do drukowania w JavaScript.

Zagłębmy się w te metody jeden po drugim.

Metoda 1: konsola.Metoda log ()

konsola.dziennik() Metoda jest najczęściej używanym sposobem drukowania w JavaScript. Można go użyć do wydrukowania ciągów, obiektów lub dowolnego innego wyjścia na konsoli. Kod JavaScript będzie działał na konsoli; Dlatego konsola.Metoda log () nie może być stosowana do uruchomienia żadnej integracji HTML lub CSS z JS.

Składnia tej metody opisano poniżej:

Składnia

konsola.dziennik (wiadomość);

Poniższy przykład jest przeprowadzany w celu wydrukowania wiadomości w JavaScript na podstawie konsola.dziennik() metoda.

Kod

konsola.log („Przykład użycia konsoli.log () w JavaScript ”)
konsola.log („Witamy w JavaScript”);

W tym kodzie konsola.dziennik() Metoda jest stosowana do wydrukowania wiadomości w oknie konsoli.

Wyjście

Wyjście pokazuje, że dwa stwierdzenia, które zostały użyte z konsolą.Metoda log () są drukowane na konsoli.

Metoda 2: Dokument.Metoda zapisu ()

dokument.pisać() to inne podejście zastosowane do drukowania wyjściowego w przeglądarce za pomocą JavaScript. Na przykład metoda jest wykorzystywana do dodawania treści do strony HTML. Społeczność programistów wykorzystuje tę metodę testowania lub debugowania. Składnia dokumentu.Metoda zapisu () opisano poniżej:

Składnia

dokument.pisać wiadomość);

wiadomość Parametr przekazany do tej metody zostanie wydrukowany na konsoli.

Aby lepiej zrozumieć tę metodę, rzućmy okiem na poniższy przykładowy kod:

Kod

Przykład używania dokumentu.Write () w JavaScript

W powyższym kodzie dokument.Metoda zapisu () jest używana wewnątrz tagów.

Wyjście

Dane wyjściowe pokazuje, że „Powitanie do JavaScript„Tekst jest drukowany na przeglądarce.

Metoda 3: Wewnętrzna.Właściwość HTML

wewnętrzny.Html Nieruchomość słynie z drukowania wiadomości w dokumencie HTML. W metodzie unikalna identyfikacja elementu jest przekazywana, aby uzyskać element HTML w dokumencie.

Składnia

dokument.getElementById („p”).innerhtml = "message";

Opis parametrów podano poniżej:

• GetElementById: Zidentyfikuj unikalny ID elementu HTML.
• wiadomość: reprezentuje konkretne informacje, które mają być wydrukowane w JavaScript.

Przykładowy kod właściwości InnerHTML jest podany poniżej.

Kod

Przykład użycia InnerHTML w JavaScript

Opis kodu jest następujący.

• Ogólna wiadomość jest wyświetlana za pomocą nagłówka

  tagi.

• Następnie unikalna identyfikacja „P”Jest przypisany do elementu akapitowego.
• Ponadto ciąg „Witamy w JavaScript”Jest przypisywany za pomocą InnerHtml nieruchomość.

Wyjście

Wyjście wyświetla komunikat „Witamy w JavaScript”Zastosowanie InnerHtml właściwość w JavaScript.

Metoda 4: okno.metoda alert ()

Inne podejście do drukowania wiadomości jest możliwe przez okno.alarm() metoda. Jest to przydatne do sprawdzania poprawności formularza i potwierdzenia dowolnego działania użytkownika w przeglądarce. Składnia okna.Metoda alert () jest następująca:

Składnia

okno.alert („wiadomość”);

Argument wiadomości zostanie wyświetlony jako komunikat ostrzegawczy.

Przykład

Przykład jest wykorzystywany do wyskakowania okna przez okno.alarm() Metoda w JavaScript.

Kod

Przykład do użycia okna.alert () w JavaScript

W tym kodzie:

• Wiadomość jest wyświetlana za pomocą nagłówka

  etykietka.

• Potem alarm() Metoda jest stosowana w ramach tagi.
• Wreszcie ciąg „Witamy w JavaScript”Jest przekazywany alarm() metoda.

Wyjście

Dane wyjściowe powyższego wykonywania kodu reprezentuje okno wyskakujące. W tym oknie przechodzący ciąg „Witamy w JavaScript” jest drukowany jako alarm dla użytkownika.

Wskazówka bonusowa: inne metody konsoli do drukowania w JavaScript

Oprócz Consol.Metoda logarytmiczna, istnieje kilka innych metod wspomaganych przez obiekt konsolowy JavaScript. Są używane do kilku celów i drukują na konsoli. Poniższa tabela zawiera wszystkie te metody obok ich opisów i składni:

metoda	Składnia	Opis
jasne()	konsola.jasne()	Ta metoda usuwa konsolę.
błąd()	konsola.błąd()	Drukuje komunikat o błędzie.
informacje ()	konsola.informacje ()	Drukuje wiadomości informacyjne.
ostrzegać()	konsola.ostrzegać()	Wyświetla ostrzeżenie na konsoli.
zapewniać()	konsola.zapewniać()	Komunikat o błędzie Jeśli i tylko wtedy, gdy twierdzenie jest fałszywe.

To wszystko z tego przewodnika. Nauczyłeś się drukować w JavaScript za pomocą różnych możliwych metod.

Wniosek

Stwierdzono, że cztery różne podejścia wymienione dokument.pisać(), InnerHtml, okno.alarm, I konsola.dziennik() Można zastosować do drukowania informacji w JavaScript. Informacje mogą obejmować ciągi, właściwości obiektów, obliczone wyjście itp. Konsola obsługuje dodatkowe metody, w tym konsolę.ostrzec (), konsola.info (), konsola.błąd(). Wykazaliśmy również cel i składnię tych metod.