En el procés de depuració i prova del codi, els mètodes s'utilitzen per mostrar text sense format a la consola o pàgina web per confirmar que s'està executant una part específica del programa. JavaScript proporciona el DOM HTML ' document.writeln ()” mètode per realitzar aquesta tasca.
Aquest bloc explica el procediment per escriure en un document HTML mitjançant el mètode document.writeln().
Com escriure al DOM HTML amb el mètode writeln() del document?
El ' document.writeln ()' imprimeix el text sobre una pàgina web i quan s'utilitza al llarg del '< pre >”, el text s'imprimeix en una línia nova cada vegada.
Sintaxi
La sintaxi del mètode JavaScript document.writeln() s'indica a continuació:
document. escriure ( valor )
El 'valor' pot ser una cadena variable o text sense format, que s'adjunta directament a la pàgina web. També es pot passar més d'un valor separant-los amb una coma.
Fem una implementació pràctica.
Exemple 1: inserció dinàmica de diversos valors
En aquest exemple, els múltiples valors en format de text senzill es mostraran a la pàgina web en la interacció de l'usuari amb el botó:
< centre >
< estil h1 = 'color: blau cadet;' > Linux h1 >
< botó ondblclick = 'Insereix ()' > botó >
centre >
< guió >
funció inseridor ( ) {
document. escriure ( 'Aquesta és una part inicial' , 'És la part final' ) ;
}
guió >
L'explicació del codi anterior es mostra com:
- Primer, es crea el botó que utilitza el ' ondblclick ' oient d'esdeveniments per invocar el ' inseridor ()” funció.
- A continuació, el ' document.writeln ()' que té dos valors en format de text sense format s'utilitza dins del ' inseridor ()” funció. Això mostrarà el text proporcionat a la pàgina web quan l'usuari faci doble clic al botó.
La sortida generada després de la compilació es mostra com:
La sortida anterior confirma que les dades proporcionades s'han imprès a la pàgina web.
Exemple 2: Ús del mètode writeln() del document al llarg de l'etiqueta
En aquest exemple, el '< pre >' s'utilitzarà al voltant del valor que s'ha de passar dins del ' document.writeln ()” mètode. Per mostrar cada valor a la nova línia. El codi s'indica a continuació:
< guió >document. escriure ( '
Aquesta és una part inicial') ; document. escriure ( 'És la part final' ) ;
guió >
A la línia de codi anterior, els valors que es mostraran amb ' escriure ()' els mètodes s'embolcallen amb un únic '< pre >”, perquè es mostrin en línies noves separades.
La sortida de la línia de codi anterior té aquest aspecte:
La sortida mostra que cada valor es mostra en una línia nova quan es representa a la pàgina web.
Conclusió
El DOM HTML ' document writeln() El mètode s'utilitza bàsicament per inserir text a la pàgina web, el text es passa dins dels seus parèntesis i per a múltiples els textos estan separats per una coma. Aquest mètode mostra el text en una línia nova quan s'embolica dins del '< pre > 'etiqueta. Aquest bloc ha explicat correctament el mètode document.writeln().