I denne delen vil vi diskutere print()-metoden i JavaScript-språket. EN skrive ut() metoden brukes til å skrive ut det synlige innholdet som en nettside, tekst, bilde osv. på dataskjermen. Når vi bruker en skrive ut() metode i JavaScript og kjører koden, åpner den en utskriftsdialogboks som lar brukeren eller programmereren velge et passende alternativ for å skrive ut gjeldende innhold i vinduet.
Syntaks
Følgende syntaks brukes til å skrive ut gjeldende innhold i vinduet:
window.print()
I syntaksen ovenfor bruker vi metoden window.print() som skriver ut det for øyeblikket synlige innholdet på vindusskjermen.
Parametere : Den inneholder ingen parametere.
Returnerer : Window.print()-metoden returnerer ikke noe.
gzip for linux
Støttet nettleser for print()-metoden
Følgende er nettleserne som støtter window.print()-metoden.
- Google Chrome
- Internet Explorer
- Brannkasse
- Opera
- Safari
Eksempel 1: Program for å skrive ut en nettside ved hjelp av print()-metoden
I dette programmet bruker vi en window.print()-metode som skriver ut gjeldende synlige innhold i vindusskjermen.
print.html
Use print() method in JavaScript <h2> Program to print the Current Content of the window using print() method </h2> <br> <br> <p> As the name suggests, the print () method is used to print the contents of the current window. When we use a print () method, it opens the print dialog box, which allows the user or programmer to select an appropriate option for printing the current content of the window. </p>
Når vi kjører programmeringskoden ovenfor på en nettleser, viser den bildet nedenfor:
prøv datastruktur
På bildet ovenfor er det en Skrive ut knapp. Nå klikker vi på Print-knappen, den åpner en utskriftsdialogboks med det gjeldende visuelle innholdet på vindusskjermen, som vist nedenfor.
Eksempel 2: Program for å skrive ut studentregistreringsskjemaet ved å bruke print()-metoden
I dette programmet lager vi et studentregistreringsskjema og skriver det ut ved hjelp av window,print()-metoden.
Student.html
Print Student Registration Form function printFun() { window.print(); } /* Create the Outer layout of the Calculator. */ .formstyle { width: 400px; height: 400px; margin: 20px auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; text-align: center; background-color: lightgreen; } /* Display top horizontal bar that contain some information. */ h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } *{ margin: 0; padding: 0; } <div class="formstyle" <br> Student Registration Form: First name <br> <br> Last name <br> <br> Father name <br> <br> Mother name <br> <br> Gender: Male Female <br> <br> Address <br> <br> Email <br> <br> Password: <br> <br> <br> <br> <br> </div> Når vi kjører programmeringskoden ovenfor på en nettleser, viser den bildet nedenfor:
Nå fyller vi ut alle detaljene i studentregistreringsskjemaet og klikker på Print-knappen, som viser bildet nedenfor.
Etter å ha klikket på Print-knappen, viser den de forskjellige operasjonene til window.print metode. Når vi er ferdige med alle innstillingene i dialogboksen Skriv ut, klikker du på Lagre-knappen for å lagre filen eller siden i systemet ditt.
Forklaring av koden: I programmet ovenfor har vi laget et studentregistreringsskjema, og dette skjemaet har to knapper Tilbakestill og Skriv ut-knapp. Tilbakestill-knappen brukes til å tilbakestille innholdet, og Skriv ut-knappen brukes til å skrive ut det viste innholdet. Når vi klikker på Print-knappen, vil en onclick-funksjon aktiveres og kalle opp PrintFun()-funksjonen. Nå utføres PrintFun()-funksjonen som inneholder metoden window.print() for å skrive ut det viste innholdet på vindusskjermen.
Konklusjon:
Vi har lært om print()-metoden i JavaScript som skriver ut vindusskjermens innhold. Der innholdet i vindusskjermen kan være tekst, bilde, reklame osv. Når en print()-metode kalles i JavaScript, åpner den også utskriftsdialogboksen. Slik at bruker eller programmerer kan velge riktig alternativ for å skrive ut vist innhold på vindusskjermen.