Jak wiemy w PHP, funkcje echo i print służą do wyświetlania danych wyjściowych na ekranie. Tak więc, gdy użytkownik zacznie kodować w JavaScript, z pewnością będzie ciekawy, jak wydrukować dane wyjściowe na ekranie w JavaScript. JavaScript jest powszechnie używany do budowania dynamicznych aplikacji internetowych, które oferują wiele predefiniowanych metod wykonywania zadań.
W tym artykule opisano metody JavaScript odpowiadające metodzie echo/print w PHP.
Czy w JavaScript istnieje odpowiednik PHP echo/print?
Tak, w JavaScript istnieją różne predefiniowane metody wyświetlania danych wyjściowych w konsoli lub na stronie HTML, które wymieniono poniżej:
Rozwiązanie 1: Użyj metody „console.log()” w JavaScript jako odpowiednika metody echo/print w PHP
„ log.konsoli() ” w JavaScript pozwala na wypisanie tekstu do konsoli przeglądarki i jest odpowiednikiem funkcji echo i print w PHP.
Przykład
Zadzwoń do ' log.konsoli() ”, aby wydrukować wiadomość na konsoli:
konsola. dziennik ( „Witamy w Linuxhint” ) ;
Wiadomość została pomyślnie wyświetlona na konsoli przy użyciu kodu JavaScript „ log.konsoli() ' metoda:
Rozwiązanie 2: Użyj metody „document.write()” w JavaScript jako odpowiednika metody echo/print w PHP
Użyj ' dokument.napisz() ” w JavaScript, która jest odpowiednikiem funkcji echo/print w PHP. Wyświetla tekst na stronie internetowej. Ta metoda jest często wykorzystywana do dodawania zawartości dynamicznej do strony internetowej.
Przykład
Przekaż wiadomość do „ dokument.napisz() ” do wydrukowania na stronie internetowej:
dokument. pisać ( „Witamy w Linuxhint” ) ;Widać, że wiadomość została pomyślnie wydrukowana na stronie internetowej:
Rozwiązanie 3: Użyj metody „document.appendChild()” w JavaScript jako odpowiednika metody echo/print w PHP
Skorzystaj z opcji „ document.appendDziecko() ” do drukowania tekstu na stronie za pomocą JavaScript i jest odpowiednikiem funkcji echo lub print w PHP. Ta metoda służy do dodawania nowych elementów do dokumentu HTML, takich jak elementy
lub
Przykład
Utwórz element tagu
, używając „ utwórz Element() ” i zapisz referencję w zmiennej „ tekst ”:
był tekst = dokument. utwórz Element ( 'P' ) ;Użyj ' tekst wewnętrzny ” atrybut do przypisania tekstu do wyświetlenia na stronie:
tekst. tekst wewnętrzny = „Witamy w Linuxhint” ;Teraz dołącz element w dokumencie HTML za pomocą „ dołączDziecko() ' metoda:
dokument. ciało . dołączDziecko ( tekst ) ;Wyjście
Rozwiązanie 4: Użyj atrybutu „innerHTML” w JavaScript jako odpowiednika echo/print w PHP
Możesz także skorzystać z opcji „ wewnętrzny HTML ” w JavaScript jako odpowiednik funkcji echo/print w PHP. Pozwala na dostęp lub zmianę zawartości elementu HTML. Ta właściwość jest często używana do dynamicznego aktualizowania zawartości w odpowiedzi na dane wejściowe użytkownika lub inne zdarzenia.
Przykład
Utwórz element
w HTML, w którym zmienimy tekst:
< identyfikator p = 'tekst' > Drukuj wiadomość tutaj P >
W pliku JavaScript uzyskaj odwołanie do tagu
, używając „ getElementById() ' metoda:
był element = dokument. getElementById ( 'tekst' ) ;Skorzystaj z opcji „ wewnętrzny HTML ”, aby przypisać nową wiadomość do dynamicznego wyświetlania na stronie:
element. wewnętrzny HTML = „Witamy w Linuxhint” ;Wiadomość będzie aktualizowana dynamicznie:
Udostępniliśmy wszystkie możliwe rozwiązania drukowania tekstu na stronie internetowej za pomocą JavaScriptowego odpowiednika funkcji echo/print w PHP.
Wniosek
W JavaScript istnieją różne predefiniowane metody wyświetlania danych wyjściowych lub tekstu w konsoli lub na stronie HTML, w tym „ log.konsoli() ' metoda, ' dokument.napisz() ' metoda, ' document.appendDziecko() ” metoda lub „ wewnętrzny HTML ' atrybut. W tym artykule opisano metody w JavaScript, które są odpowiednikiem metody echo/print w PHP.