Come sappiamo in PHP, le funzioni echo e print vengono utilizzate per visualizzare l'output sullo schermo. Quindi, quando un utente inizia a programmare con JavaScript, sarà sicuramente curioso di sapere come stampare l'output sullo schermo in JavaScript. JavaScript è comunemente utilizzato per la creazione di applicazioni Web dinamiche che offrono più metodi predefiniti per l'esecuzione di attività.
Questo articolo descriverà i metodi JavaScript equivalenti al metodo echo/print in PHP.
Esiste un equivalente PHP echo/print in JavaScript?
Sì, in JavaScript esistono vari metodi predefiniti per mostrare l'output alla console o alla pagina HTML, che sono elencati di seguito:
Soluzione 1: utilizzare il metodo 'console.log()' in JavaScript come equivalente a echo/print in PHP
IL ' console.log() Il metodo ” in JavaScript consente di stampare il testo sulla console del browser ed è equivalente alle funzioni echo e print di PHP.
Esempio
Chiama il ' console.log() ” metodo per stampare il messaggio sulla console:
consolare. tronco d'albero ( 'Benvenuti in Linuxhint' ) ;
Il messaggio è stato correttamente visualizzato sulla console utilizzando JavaScript ' console.log() ' metodo:
Soluzione 2: utilizzare il metodo 'document.write()' in JavaScript come equivalente a echo/print in PHP
Usa il ' documento.write() ” in JavaScript equivalente alla funzione echo/print in PHP. Visualizza il testo sulla pagina web. Questo metodo è spesso utilizzato per aggiungere contenuti dinamici a una pagina web.
Esempio
Passa il messaggio al ' documento.write() ” metodo per stampare sulla pagina web:
documento. scrivere ( 'Benvenuti in Linuxhint' ) ;Si può vedere che il messaggio è stato stampato con successo sulla pagina web:
Soluzione 3: utilizzare il metodo 'document.appendChild()' in JavaScript come equivalente a echo/print in PHP
Utilizza il “ documento.appendChild() ” metodo per stampare il testo sul sito Web utilizzando JavaScript ed è equivalente alle funzioni echo o print di PHP. Questo metodo viene utilizzato per aggiungere nuovi elementi al documento HTML, come elementi
o
Esempio
Crea un elemento tag
utilizzando il ' crea elemento() ” metodo e memorizza il riferimento nella variabile “ testo ”:
era testo = documento. createElement ( 'P' ) ;Usa il ' innerText Attributo ” da assegnare al testo da visualizzare nella pagina web:
testo. innerText = 'Benvenuti in Linuxhint' ;Ora, aggiungi l'elemento nel documento HTML usando il ' appendChild() ' metodo:
documento. corpo . appendChild ( testo ) ;Produzione
Soluzione 4: utilizzare l'attributo 'innerHTML' in JavaScript come equivalente a echo/print in PHP
Puoi anche utilizzare il ' innerHTML ” in JavaScript come equivalente alle funzioni echo/print in PHP. Permette di accedere o modificare il contenuto di un elemento HTML. Questa proprietà viene comunemente utilizzata per aggiornare il contenuto in modo dinamico in risposta all'input dell'utente o ad altri eventi.
Esempio
Crea un elemento
in HTML dove cambieremo il testo:
< p id = 'testo' > Stampa messaggio qui P >
In un file JavaScript, ottieni il riferimento del tag
utilizzando ' getElementById() ' metodo:
era elemento = documento. getElementById ( 'testo' ) ;Utilizza il “ innerHTML ” proprietà per assegnare un nuovo messaggio per la visualizzazione sulla pagina web in modo dinamico:
elemento. innerHTML = 'Benvenuti in Linuxhint' ;Il messaggio verrà aggiornato dinamicamente:
Abbiamo fornito tutte le possibili soluzioni per stampare il testo sulla pagina Web utilizzando JavaScript equivalente alla funzione echo/print in PHP.
Conclusione
In JavaScript, ci sono vari metodi predefiniti per mostrare l'output o il testo alla console o alla pagina HTML, incluso il ' console.log() ' metodo, ' documento.write() ' metodo, ' documento.appendChild() ” metodo o il “ innerHTML 'attributo. Questo articolo descrive i metodi in JavaScript che sono equivalenti al metodo echo/print in PHP.