I processen med at fejlsøge og teste koden, bruges metoderne til at vise almindelig tekst over konsollen eller websiden for at bekræfte, at en bestemt del af programmet kører. JavaScript giver HTML DOM ' document.writeln ()' metode til at udføre denne opgave.
Denne blog forklarer proceduren for at skrive på et HTML-dokument ved hjælp af document.writeln()-metoden.
Hvordan skriver man til HTML DOM med dokument writeln() metode?
Det ' document.writeln ()'-metoden udskriver teksten over en webside, og når den bruges sammen med '< præ >” tag, bliver teksten udskrevet på en ny linje hver gang.
Syntaks
Syntaksen for JavaScript-metoden document.writeln() er angivet nedenfor:
dokument. skriveln ( værdi )
'Værdien' kan være en variabel streng eller almindelig tekst, som tilføjes direkte på websiden. Mere end én værdi kan også overføres ved at adskille dem med et komma.
Lad os få en praktisk implementering.
Eksempel 1: Indsættelse af flere værdier dynamisk
I dette eksempel vil de flere værdier i almindeligt tekstformat blive vist over websiden ved brugerinteraktion med knappen:
< centrum >
< h1 stil = 'farve: kadetblå;' > Linux h1 >
< knap og klik = 'Indsæt()' > knap >
centrum >
< manuskript >
fungere indsætter ( ) {
dokument. skriveln ( 'Dette er en indledende del' , 'Det er den sidste del' ) ;
}
manuskript >
Forklaringen af ovenstående kode er vist som:
- Først oprettes knappen, der bruger ' ondblklik ' begivenhedslytter for at påkalde ' indsætter ()” funktion.
- Dernæst ' document.writeln ()'-metoden med to værdier i almindeligt tekstformat bruges i ' indsætter ()” funktion. Dette vil vise den angivne tekst over websiden, når brugeren dobbeltklikker på knappen.
Output genereret efter kompileringen vises som:
Ovenstående output bekræfter, at de angivne data er blevet udskrevet over websiden.
Eksempel 2: Brug af Document writeln() metode langs Tag
I dette eksempel er '< præ >' tag vil blive brugt omkring den værdi, der skal sendes inde i ' document.writeln ()” metode. For at vise hver værdi på den nye linje. Koden er angivet nedenfor:
< manuskript >dokument. skriveln ( '
Dette er en indledende del') ; dokument. skriveln ( 'Det er den sidste del' ) ;
manuskript >
I ovenstående kodelinje vises værdierne af både ' skriveln ()' metoder er pakket ind af en enkelt '< præ >' tag, for at få dem vist på separate nye linjer.
Output for ovenstående kodelinje ser sådan ud:
Outputtet viser, at hver værdi vises på en ny linje, når den gengives over websiden.
Konklusion
HTML DOM ' dokument skriveln() ”-metoden bruges grundlæggende til at indsætte tekst over websiden, teksten sendes inden for dens parentes og for flere er teksterne adskilt af et komma. Denne metode viser tekst på en ny linje, når den er pakket inde i '< præ >” tag. Denne blog har med succes forklaret document.writeln()-metoden.