Nel processo di debug e test del codice, i metodi vengono utilizzati per visualizzare testo semplice sulla console o sulla pagina Web per confermare che una parte specifica del programma è in esecuzione. JavaScript fornisce il DOM HTML “ document.writeln ()” per eseguire questa attività.
Questo blog spiega la procedura per scrivere su un documento HTML utilizzando il metodo document.writeln().
Come scrivere nel DOM HTML con il metodo Document writeln()?
IL ' document.writeln ()' stampa il testo su una pagina Web e, se utilizzato lungo il metodo '< pre >', il testo viene stampato ogni volta su una nuova riga.
Sintassi
La sintassi per il metodo JavaScript document.writeln() è riportata di seguito:
documento. writeln ( valore )
Il 'valore' può essere una stringa variabile o un testo semplice, che viene aggiunto direttamente alla pagina web. È possibile passare anche più valori separandoli con una virgola.
Facciamo un'implementazione pratica.
Esempio 1: inserimento dinamico di più valori
In questo esempio, i valori multipli in formato testo normale verranno visualizzati sulla pagina Web durante l'interazione dell'utente con il pulsante:
< centro >
< stile h1 = 'colore: blu cadetto;' > Linux h1 >
< pulsante e fare clic = 'Inserire()' > pulsante >
centro >
< sceneggiatura >
funzione inseritore ( ) {
documento. writeln ( 'Questa è una parte iniziale' , 'È la parte finale' ) ;
}
sceneggiatura >
La spiegazione del codice sopra è mostrata come:
- Per prima cosa viene creato il pulsante che utilizza il simbolo “ ondblclick ' ascoltatore di eventi per richiamare il ' inseritore ()' funzione.
- Successivamente, il “ document.writeln ()' Il metodo con due valori in formato testo normale viene utilizzato all'interno del ' inseritore ()' funzione. Verrà visualizzato il testo fornito sulla pagina Web quando l'utente fa doppio clic sul pulsante.
L'output generato dopo la compilazione viene mostrato come:
L'output sopra conferma che i dati forniti sono stati stampati sulla pagina web.
Esempio 2: utilizzo del metodo Document writeln() insieme al tag
In questo esempio, il '< pre >' verrà utilizzato attorno al valore da passare all'interno del ' document.writeln ()' metodo. Per visualizzare ciascun valore sulla nuova riga. Il codice è riportato di seguito:
< sceneggiatura >documento. writeln ( '
Questa è una parte iniziale') ; documento. writeln ( 'È la parte finale' ) ;
sceneggiatura >
Nella riga di codice sopra, i valori che devono essere visualizzati da entrambi “ writeln ()” sono racchiusi da un singolo “< pre >', per visualizzarli su nuove righe separate.
L'output per la riga di codice sopra è simile al seguente:
L'output mostra che ogni valore viene visualizzato su una nuova riga quando viene eseguito il rendering sulla pagina Web.
Conclusione
Il DOM HTML” scrittura del documento() Il metodo ' viene fondamentalmente utilizzato per inserire testo sulla pagina Web, il testo viene passato tra parentesi e per multipli i testi sono separati da una virgola. Questo metodo visualizza il testo su una nuova riga quando è racchiuso all'interno di '< pre >' etichetta. Questo blog ha spiegato con successo il metodo document.writeln().