Come visualizzare l'output in JavaScript
Questo articolo dimostrerà come visualizzare l'output in JavaScript usando la console.Log (), documento.write (), documento.getElementById () e finestra.funzione Alert (). Quindi, iniziamo questa guida!
Quali sono le possibilità di visualizzare l'output in JavaScript
È possibile visualizzare l'output in JavaScript utilizzando uno dei seguenti modi:
- A Visualizza output nel browser console, puoi usare il "console.tronco d'albero()" funzione.
- Per scrivere Html e mostra il suo produzione, puoi usare il "documento.scrivere()" funzione.
- Per scrivere in un Elemento html e visualizzare il suo output, è possibile utilizzare "documento.getElementById ()Funzione "con il".Innerhtml" proprietà.
- Da visualizzare produzione in un scatola di allerta, puoi usare il "finestra.mettere in guardia()" funzione.
Come visualizzare l'output in JavaScript usando la console.tronco d'albero()
In JavaScript, il "console.tronco d'albero()"La funzione viene utilizzata per la visualizzazione di qualsiasi output o stampare i valori di qualsiasi variabile definita nel programma. IL "tronco d'albero()"Metodo in console.Log () prende il parametro che comprende i dati che si desidera output. La maggior parte degli sviluppatori JavaScript utilizza la funzione specificata per elencare gli errori e gli scopi di debug.
Sintassi della console.tronco d'albero()
Ecco la sintassi della console.log () in javascript:
console.log ("parametro")IL "console.tronco d'albero()La funzione "accetta un"Parametro,"Che può essere qualsiasi messaggio, oggetto o array e quindi restituisce o emette il valore del parametro dato alla finestra della console.
Esempio: visualizzazione dell'output in JavaScript usando la console.tronco d'albero()
Nell'esempio seguente, useremo la console.Log () funzione per output il "Questo è Linuxhint.com"Messaggio sulla nostra pagina web. A tale scopo, creeremo un "Testfile.html"File nel nostro editor di codice preferito come il codice VS, quindi scrivi il seguente codice in esso:
Dopo aver aggiunto il codice, premere "Ctrl+s"Per salvare il codice aggiunto in"Testfile.html". Quindi, fai clic sul tuo file e aprilo nel tuo browser preferito facendo doppio clic sul file HTML.
Una pagina web vuota si aprirà per il tuo "Testfile.html" file. Dal menu del tasto destro, scegli il "Ispezionare"Opzione per aprire direttamente gli strumenti per sviluppatori del browser:
Ora, passa al "Console"Scheda delle opzioni per sviluppatori. Viene visualizzato il messaggio che abbiamo aggiunto come parametro al "console.tronco d'albero()" funzione:
Come visualizzare l'output in JavaScript usando il documento.scrivere()
In JavaScript, il "documento.scrivere()"La funzione viene utilizzata per l'inserimento di qualsiasi contenuto o codice JavaScript in un documento. IL "documento.scrivere()"La funzione rimuove tutti i contenuti esistenti dal documento HTML e lo sostituisce con il nuovo contenuto aggiunto come parametro. Questo metodo è principalmente impiegato a scopo di test.
Sintassi del documento.scrivere()
Ora, controlla la sintassi del documento.funzione write ():
documento.Scrivi (exp1, exp2, ...)IL "documento.scrivere()"La funzione può contenere più parametri. Gli argomenti di espressione come "Exp1" E "Exp2"Verrà visualizzato come output nella loro sequenza aggiuntiva.
Esempio: visualizzazione dell'output in JavaScript usando il documento.scrivere()
Nel seguente esempio, non appena viene caricata la nostra pagina web, il "documento.scrivere()"La funzione cancellerà tutti i dati della pagina Web e la riscriverà con il contenuto che abbiamo aggiunto come parametro:
Linuxhint
Come abbiamo aggiunto "Questo è Linuxhint.com"Come parametro nel nostro"documento.scrivere()"Funzione, visualizzerà il seguente output:
Come visualizzare l'output in JavaScript usando il documento.getElementById ()
IL "documento.getElementById ()"In JavaScript viene utilizzato per restituire l'oggetto elemento, il cui"Id"Viene abbinato alla stringa fornita. Gli ID dell'elemento sono utili per accedere rapidamente all'elemento specificato e quindi possono essere utilizzati con ".Innerhtml " Proprietà per scrivere o visualizzare il suo output.
Sintassi del documento.getElementById ()
Diamo un'occhiata alla sintassi del documento.funzione getElementById () in JavaScript:
documento.getElementById (ID)Qui, l'attributo "id"Definisce l'elemento HTML che può essere utilizzato per l'inserimento o la scrittura dell'output all'interno dell'elemento specificato:
Esempio: visualizzazione dell'output in JavaScript usando il documento.getElementById ()
Nel seguente esempio, abbiamo aggiunto un elemento con il id "test". Dopo averlo fatto, il "documento.getElementById (test)"Il metodo selezionerà il nostro elemento HTML con id ="test". Poi il ".Innerhtml"La proprietà viene aggiunta per scrivere la stringa specificata in essa:
Linuxhint
L'immagine di seguito indicata indica che abbiamo aggiunto correttamente il "Questo è Linuxhint.com"String nel nostro elemento selezionato:
Come visualizzare l'output in JavaScript usando la finestra.mettere in guardia()
IL finestra.mettere in guardia() Il metodo visualizza l'output o qualsiasi informazione all'utente. Mostra il messaggio aggiunto in una casella di allerta che ha "OK"Pulsante. La casella di avviso costringe l'utente a leggere il messaggio visualizzato e l'utente non può accedere alla pagina Web fino alla chiusura della casella di avviso.
Sintassi della finestra.mettere in guardia()
Per utilizzare gli avvisi per la pagina Web, seguire la sintassi di seguito:
finestra.Avviso ("Parametro")Qui, nel "Parametro", Passa le informazioni che si desidera visualizzare nella casella di allerta aggiunta.
Esempio: visualizzazione dell'output in JavaScript usando la finestra.mettere in guardia()
In questo esempio, abbiamo aggiunto una casella di avviso che verrà visualizzata sulla pagina web che mostra "Questo è Linuxhint.com"Come contenuto:
Linuxhint
Quando la finestra.Alert () pop -up apparirà sulla nostra pagina web, quindi qualsiasi codice scritto dopo la finestra.Alert () non viene eseguito fino a quando non si chiude l'avviso premendo "OK"Pulsante:
Conclusione
Questo articolo ha discusso di come Visualizza output In JavaScript usando console.tronco d'albero(), documento.scrivere(), documento.getElementById (), E finestra.mettere in guardia() funzioni. La procedura di utilizzo della console.Log (), documento.write (), documento.getElementById () e finestra.Alert () Funzioni per la visualizzazione dell'output in JavaScript sono anche dimostrate in questo articolo. Sulla base delle tue preferenze, è possibile generare e visualizzare l'output in JavaScript, scrivendo l'output su un elemento HTML, visualizzando l'output nelle caselle di allerta o nella finestra della console del browser.