I processen med att felsöka och testa koden används metoderna för att visa vanlig text över konsolen eller webbsidan för att bekräfta att en specifik del av programmet körs. JavaScript tillhandahåller HTML DOM ' document.writeln ()”-metoden för att utföra denna uppgift.
Den här bloggen förklarar proceduren för att skriva på ett HTML-dokument med metoden document.writeln().
Hur man skriver till HTML DOM med Document writeln() Method?
den ' document.writeln ()'-metoden skriver ut texten över en webbsida och när den används längs '< pre >” skrivs texten ut på en ny rad varje gång.
Syntax
Syntaxen för JavaScript-metoden document.writeln() anges nedan:
dokumentera. skrivln ( värde )
'Värdet' kan vara en variabel sträng eller vanlig text, som läggs till direkt på webbsidan. Mer än ett värde kan också skickas genom att separera dem med ett kommatecken.
Låt oss ha en praktisk implementering.
Exempel 1: Infoga flera värden dynamiskt
I det här exemplet kommer de flera värdena i vanlig textformat att visas över webbsidan när användaren interagerar med knappen:
< Centrum >
< h1 stil = 'färg: kadettblå;' > Linux h1 >
< knappen och klicka = 'Föra in()' > knapp >
Centrum >
< manus >
fungera insättare ( ) {
dokumentera. skrivln ( 'Detta är en inledande del' , 'Det är den sista delen' ) ;
}
manus >
Förklaringen av ovanstående kod visas som:
- Först skapas knappen som använder ' ondblklick ' händelseavlyssnare för att anropa ' insättare ()”-funktionen.
- Därefter ' document.writeln ()'-metoden med två värden i vanlig textformat används i ' insättare ()”-funktionen. Detta kommer att visa den tillhandahållna texten över webbsidan när användaren dubbelklickar på knappen.
Utdata som genereras efter kompileringen visas som:
Ovanstående utdata bekräftar att den tillhandahållna informationen har skrivits ut över webbsidan.
Exempel 2: Använda Document writeln()-metoden längs -taggen
I det här exemplet visas '< pre >'-taggen kommer att användas runt värdet som ska skickas inuti ' document.writeln ()”-metoden. För att visa varje värde på den nya raden. Koden anges nedan:
< manus >dokumentera. skrivln ( '
Detta är en inledande del') ; dokumentera. skrivln ( 'Det är den sista delen' ) ;
manus >
I ovanstående kodrad, värdena som ska visas av både ' skrivln ()'-metoder lindas av en enda '< pre >”-taggen för att få dem att visas på separata nya rader.
Utdata för ovanstående kodrad ser ut så här:
Utdata visar att varje värde visas på en ny rad när det renderas över webbsidan.
Slutsats
HTML DOM ' dokument writeln() ”-metoden används i princip för att infoga text över webbsidan, texten skickas inom dess parentes och för flera texter separeras med ett kommatecken. Den här metoden visar text på en ny rad när den lindas inuti '< pre >” taggen. Den här bloggen har framgångsrikt förklarat metoden document.writeln().