Come stampare in JavaScript | Spiegato con esempi
Nella nostra guida di oggi, forniremo una visione approfondita di tutti i possibili approcci da stampare in JavaScript.
Scaviamo in questi metodi uno per uno.
Metodo 1: console.Metodo log ()
IL console.tronco d'albero() Il metodo è il modo più usato per stampare in JavaScript. Può essere utilizzato per stampare stringhe, oggetti o qualsiasi altro output sulla console. Il codice JavaScript funzionerà sulla console; Pertanto, la console.Il metodo log () non può essere utilizzato per eseguire alcuna integrazione HTML o CSS con JS.
La sintassi di questo metodo è descritta di seguito:
Sintassi
console.registro (messaggio);L'esempio seguente viene eseguito per stampare un messaggio in JavaScript in base al console.tronco d'albero() metodo.
Codice
console.Log ("Un esempio per utilizzare la console.log () in javascript ")console.log ("Welcome to JavaScript");
In questo codice, il console.tronco d'albero() Il metodo viene utilizzato per stampare un messaggio nella finestra della console.
Produzione
L'output mostra che due affermazioni utilizzate con la console.Il metodo log () è stampato sulla console.
Metodo 2: documento.Metodo Write ()
IL documento.scrivere() è un altro approccio utilizzato per stampare l'output in un browser usando JavaScript. Ad esempio, il metodo viene utilizzato per aggiungere contenuto alla pagina HTML. La comunità degli sviluppatori utilizza questo metodo a fini di test o debug. La sintassi del documento.Il metodo Write () è descritto di seguito:
Sintassi
documento.Scrivi un messaggio);IL Messaggio Il parametro passato a questo metodo verrà stampato sulla console.
Per una migliore comprensione di questo metodo, diamo un'occhiata al seguente codice di esempio:
Codice
Un esempio di utilizzo del documento.Scrivi () in JavaScript
Nel codice sopra, il documento.Il metodo write () viene utilizzato all'interno dei tag.
Produzione
L'output mostra che il "Benvenuto a JavaScript"Il testo è stampato sul browser.
Metodo 3: interno.Proprietà HTML
IL interno.Html La proprietà è famosa per la stampa di un messaggio in un documento HTML. Nel metodo, l'identificazione univoca dell'elemento viene passata per ottenere l'elemento HTML nel documento.
Sintassi
documento.getElementById ("P").InnerHtml = "Messaggio";La descrizione dei parametri è riportata di seguito:
- getelementbyid: Identifica l'unico id dell'elemento HTML.
- Messaggio: Rappresenta le informazioni specifiche da stampare in JavaScript.
Di seguito è riportato il codice di esempio per la proprietà InnerHTML.
Codice
Un esempio per usare InnerHTML in JavaScript
La descrizione del codice è la seguente.
- Un messaggio generale viene visualizzato usando l'intestazione tag.
- Successivamente, un'identificazione univoca "P"È assegnato all'elemento paragrafo.
- Inoltre, la stringa "Benvenuti in JavaScript"È assegnato usando il Innerhtml proprietà.
Produzione
L'output visualizza il messaggio "Benvenuti in JavaScript"Impiegando il Innerhtml Proprietà in JavaScript.
Metodo 4: finestra.Metodo Alert ()
Un altro approccio alla stampa di un messaggio è possibile attraverso il finestra.mettere in guardia() metodo. È utile per la convalida del modulo e la conferma di qualsiasi azione utente nel browser. La sintassi della finestra.Il metodo Alert () è il seguente:
Sintassi
finestra.avviso ("messaggio");L'argomento del messaggio verrà visualizzato come messaggio di avviso.
Esempio
Un esempio viene utilizzato per visualizzare la finestra da finestra.mettere in guardia() Metodo in JavaScript.
Codice
Un esempio per usare la finestra.Alert () in JavaScript
In questo codice:
- Viene visualizzato un messaggio utilizzando l'intestazione etichetta.
- Dopodiché, il mettere in guardia() Il metodo è impiegato all'interno del tag.
- Infine, la stringa "Benvenuti in JavaScript"È passato al mettere in guardia() metodo.
Produzione
L'output dell'esecuzione del codice sopra rappresenta una finestra pop-up. In questa finestra, la stringa di passaggio "Benvenuti in JavaScript" è stampato come avviso per l'utente.
Suggerimento bonus: altri metodi di console da stampare in JavaScript
A parte il consol.Metodo di registro, ci sono molti altri metodi che sono assistiti dall'oggetto console di JavaScript. Sono usati per diversi scopi e stampano sulla console. La tabella seguente contiene tutti questi metodi accanto alle loro descrizioni e sintassi:
| Metodo | Sintassi | Descrizione |
| chiaro() | console.chiaro() | Questo metodo cancella la console. |
| errore() | console.errore() | Stampa un messaggio di errore. |
| informazioni() | console.informazioni() | Stampa messaggi informativi. |
| avvisare() | console.avvisare() | Visualizza un avvertimento sulla console. |
| affermare() | console.affermare() | Messaggio di errore se e solo se l'asserzione è falsa. |
Questo è tutto da questa guida. Hai imparato a stampare in JavaScript tramite vari possibili metodi.
Conclusione
Si è concluso che quattro diversi approcci nominati documento.scrivere(), Innerhtml, finestra.mettere in guardia, E console.tronco d'albero() Può essere impiegato per stampare informazioni in JavaScript. Le informazioni possono includere stringhe, proprietà degli oggetti, output calcolato, ecc. La console supporta metodi aggiuntivi, inclusa la console.Warn (), Console.info (), console.errore(). Abbiamo anche dimostrato lo scopo e la sintassi di questi metodi.