Com sabem a PHP, les funcions d'eco i d'impressió s'utilitzen per mostrar la sortida a la pantalla. Per tant, quan un usuari comença a codificar amb JavaScript, sens dubte tindrà curiositat sobre com imprimir la sortida a la pantalla en JavaScript. JavaScript s'utilitza habitualment per crear aplicacions web dinàmiques que ofereixen múltiples mètodes predefinits per realitzar tasques.
Aquest article descriurà els mètodes JavaScript equivalents al mètode echo/print en PHP.
Hi ha un equivalent d'eco/impressió de PHP a JavaScript?
Sí, a JavaScript, hi ha diversos mètodes predefinits per mostrar la sortida a la consola o a la pàgina HTML, que s'enumeren a continuació:
Solució 1: utilitzeu el mètode 'console.log()' a JavaScript com a equivalent a l'eco/impressió a PHP
El ' console.log() ” en JavaScript us permet imprimir text a la consola del navegador i és equivalent a les funcions d'eco i d'impressió de PHP.
Exemple
Truqueu al ' console.log() ” mètode per imprimir el missatge a la consola:
consola. registre ( 'Benvingut a Linuxhint' ) ;
El missatge s'ha mostrat correctament a la consola mitjançant el JavaScript ' console.log() ” mètode:
Solució 2: utilitzeu el mètode 'document.write()' a JavaScript com a equivalent a echo/print en PHP
Utilitzar el ' document.write() ” en JavaScript que és equivalent a la funció echo/print en PHP. Mostra el text a la pàgina web. Aquest mètode s'utilitza sovint per afegir contingut dinàmic a una pàgina web.
Exemple
Passeu el missatge al ' document.write() ” mètode per imprimir a la pàgina web:
document. escriure ( 'Benvingut a Linuxhint' ) ;Es pot veure que el missatge s'ha imprès correctament a la pàgina web:
Solució 3: utilitzeu el mètode 'document.appendChild()' a JavaScript com a equivalent a l'eco/impressió a PHP
Utilitzeu el ' document.appendChild() ” per imprimir el text al lloc web mitjançant JavaScript i és equivalent a les funcions d'eco o d'impressió de PHP. Aquest mètode s'utilitza per afegir nous elements al document HTML, com ara elements
o
Exemple
Creeu un element d'etiqueta
amb el ' crear l'element() ” i emmagatzema la referència a la variable “ text ”:
era text = document. createElement ( 'p' ) ;Utilitzar el ' text interior ” atribut per assignar el text per mostrar a la pàgina web:
text. text interior = 'Benvingut a Linuxhint' ;Ara, afegiu l'element al document HTML mitjançant el ' appendChild() ” mètode:
document. cos . appendChild ( text ) ;Sortida
Solució 4: utilitzeu l'atribut 'innerHTML' a JavaScript com a equivalent a l'eco/impressió a PHP
També podeu utilitzar el ' innerHTML ” propietat a JavaScript com a equivalent a les funcions d'eco/impressió de PHP. Permet accedir o modificar el contingut d'un element HTML. Aquesta propietat s'utilitza habitualment per actualitzar el contingut de manera dinàmica en resposta a l'entrada de l'usuari o altres esdeveniments.
Exemple
Creeu un element
en HTML on canviarem el text:
< p id = 'text' > Imprimeix el missatge aquí pàg >
En un fitxer JavaScript, obteniu la referència de l'etiqueta
utilitzant el ' getElementById() ” mètode:
era element = document. getElementById ( 'text' ) ;Utilitzeu el ' innerHTML ” propietat per assignar un missatge nou per mostrar-lo dinàmicament a la pàgina web:
element. innerHTML = 'Benvingut a Linuxhint' ;El missatge s'actualitzarà dinàmicament:
Hem proporcionat totes les solucions possibles per imprimir text a la pàgina web mitjançant JavaScript equivalent a la funció echo/print en PHP.
Conclusió
A JavaScript, hi ha diversos mètodes predefinits per mostrar la sortida o el text a la consola o a la pàgina HTML, inclòs el ' console.log() ' mètode ', document.write() ' mètode ', document.appendChild() mètode ' o el ' innerHTML ” atribut. Aquest article descriu els mètodes en JavaScript que són equivalents al mètode echo/print en PHP.