Jak wyświetlić wyjście w JavaScript
Ten zapis pokaże, jak wyświetlić wyjście w JavaScript za pomocą konsoli.log (), dokument.zapisz (), dokumentuj.getElementById () i okno.funkcja alert (). Więc zacznijmy ten przewodnik!
Jakie są możliwości wyświetlania danych wyjściowych w JavaScript
Możesz wyświetlić wyjście w JavaScript za pomocą dowolnego z następujących sposobów:
- Do Wyświetl wyjście W przeglądarce konsola, możesz użyć „konsola.dziennik()”Funkcja.
- Napisać do Html i wyświetl to wyjście, możesz użyć „dokument.pisać()”Funkcja.
- Napisać do Element HTML i wyświetlić swoje dane wyjściowe, możesz użyć „dokument.getElementById ()”Funkcja z„.InnerHtml" nieruchomość.
- Do wyświetlenia wyjście do Box alarm, możesz użyć „okno.alarm()”Funkcja.
Jak wyświetlić wyjście w JavaScript za pomocą konsoli.dziennik()
W JavaScript „The„konsola.dziennik()„Funkcja jest wykorzystywana do wyświetlania dowolnego wyjścia lub drukowania wartości dowolnej zmiennej zdefiniowanej w programie. „„dziennik()„Metoda w konsoli.log () przyjmuje parametr, który zawiera dane, które chcesz wyprowadzić. Większość programistów JavaScript używa określonej funkcji do listy błędów i celów debugowania.
Składnia konsoli.dziennik()
Oto składnia konsoli.log () w JavaScript:
konsola.log („parametr”)„„konsola.dziennik()”Funkcja akceptuje„Parametr,”, Który może być dowolnym komunikatem, obiektem lub tablicą, a następnie zwraca lub wyświetla wartość danego parametru do okna konsoli.
Przykład: Wyświetlanie wyjścia w JavaScript za pomocą konsoli.dziennik()
W poniższym przykładzie użyjemy konsoli.Funkcja log (), aby wyprowadzić „To jest Linuxhint.com„Wiadomość na naszej stronie internetowej. W tym celu stworzymy „test testowy.html”Plik w naszym ulubionym edytorze kodu, takim jak kod VS, a następnie zapisz następujący kod w nim:
Po dodaniu kodu naciśnij „Naciśnij„Ctrl+s”Aby zapisać dodany kod w„test testowy.html". Następnie kliknij plik i otwórz go w ulubionej przeglądarce, klikając dwukrotnie plik HTML.
Pusta strona internetowa otworzy się dla twojego „test testowy.html" plik. Z menu kliknij prawym przyciskiem myszy, wybierz „Sprawdzać„Opcja, aby bezpośrednio otworzyć narzędzia programistów przeglądarki:
Teraz przejdź do „Konsola”Karta opcji programisty. Wyświetli komunikat, który dodaliśmy jako parametr do „konsola.dziennik()”Funkcja:
Jak wyświetlić dane wyjściowe w JavaScript za pomocą dokumentu.pisać()
W JavaScript „The„dokument.pisać()”Funkcja służy do wkładania dowolnej treści lub kodu JavaScript w dokumencie. „„dokument.pisać()”Funkcja usuwa wszystkie istniejące treści z dokumentu HTML i zastępuje ją nową zawartością dodaną jako parametr. Ta metoda jest stosowana głównie do celów testowych.
Składnia dokumentu.pisać()
Teraz sprawdź składnię dokumentu.Funkcja zapisu ():
dokument.Write (Exp1, Exp2,…)„„dokument.pisać()”Funkcja może zawierać wiele parametrów. Argumenty wyrażeń, takie jak „Exp1" I "Exp2”Będzie wyświetlany jako wyjście w ich dodanej sekwencji.
Przykład: Wyświetlanie danych wyjściowych w JavaScript za pomocą dokumentu.pisać()
W poniższym przykładzie, gdy tylko nasza strona zostanie załadowana, „dokument.pisać()„Funkcja wyczyści wszystkie dane ze strony internetowej i przepisuje je za pomocą treści, którą dodaliśmy jako parametr:
Linuxhint
Jak dodaliśmy „To jest Linuxhint.com”Jako parametr w naszym„dokument.pisać()„Funkcja wyświetli następujące dane wyjściowe:
Jak wyświetlić dane wyjściowe w JavaScript za pomocą dokumentu.getElementById ()
„„dokument.getElementById ()„W JavaScript jest wykorzystywany do zwracania obiektu elementu, którego„ID”Zostaje dopasowany do dostarczonego ciągu. Identyfikatory elementów są przydatne do szybkiego dostępu do określonego elementu, a zatem można je używać z „.InnerHtml ” właściwość do zapisu lub wyświetlenia danych wyjściowych.
Składnia dokumentu.getElementById ()
Rzućmy okiem na składnię dokumentu.getElementById () funkcja w JavaScript:
dokument.getElementById (id)Tutaj atrybut „ID”Definiuje element HTML, który można użyć do wkładania lub zapisywania wyjścia w określonym elemencie:
Przykład: Wyświetlanie danych wyjściowych w JavaScript za pomocą dokumentu.getElementById ()
W poniższym przykładzie dodaliśmy element z ID "test". Po zrobieniu tego „dokument.getElementById (test)„Metoda wybierze nasz element HTML id ="test". A później ".InnerHtml„Wysyłka jest dodawana, aby zapisać określony ciąg:
Linuxhint
Poniższy obraz wskazuje, że pomyślnie dodaliśmy „To jest Linuxhint.com„Ciąg w naszym wybranym elemencie:
Jak wyświetlić wyjście w JavaScript za pomocą Window.alarm()
okno.alarm() Metoda wyświetla dane wyjściowe lub dowolne informacje. Pokazuje dodaną wiadomość w polu alertu o „OK" przycisk. Pole alertu zmusza użytkownika do odczytania wyświetlonej wiadomości, a użytkownik nie może uzyskać dostępu do strony internetowej, dopóki pole alertu nie zostanie zamknięte.
Składnia okna.alarm()
Aby używać alertów dla swojej strony, postępuj zgodnie z podaną składnią:
okno.alert („parametr”)Tutaj, w „Parametr”, Przekaż informacje, które chcesz wyświetlić w dodanym polu alertu.
Przykład: Wyświetlanie wyjścia w JavaScript za pomocą Window.alarm()
W tym przykładzie dodaliśmy pole alertu, które pojawi się na stronie internetowej, pokazując „To jest Linuxhint.com”Jako jego treść:
Linuxhint
Kiedy okno.ALERT () Pop -up pojawi się na naszej stronie internetowej, a następnie dowolny kod zapisany po oknie.alert () nie zostaje wykonany, dopóki nie zamkniesz alertu, naciskając „OK" przycisk:
Wniosek
W tym spisie omówiono, jak to zrobić Wyświetl wyjście W JavaScript za pomocą konsola.dziennik(), dokument.pisać(), dokument.getElementById (), I okno.alarm() Funkcje. Procedura stosowania konsoli.log (), dokument.zapisz (), dokumentuj.getElementById () i okno.Funkcje alert () do wyświetlania danych wyjściowych w JavaScript są również wykazane w tym artykule. Na podstawie preferencji możesz generować i wyświetlić wyjście w JavaScript, pisząc wyjście do elementu HTML, wyświetlając wyjście w polach alertowych lub okno konsoli przeglądarki.