logo

JavaScript print() metode

I dette afsnit vil vi diskutere print()-metoden i JavaScript-sproget. EN Print() metode bruges til at udskrive det aktuelt synlige indhold som en webside, tekst, billede osv. på computerskærmen. Når vi bruger en Print() metode i JavaScript og udfører koden, åbner den en udskriftsdialogboks, der giver brugeren eller programmøren mulighed for at vælge en passende mulighed for at udskrive det aktuelle indhold i vinduet.

JavaScript print() metode

Syntaks

Følgende syntaks bruges til at udskrive det aktuelle indhold i vinduet:

 window.print() 

I ovenstående syntaks bruger vi metoden window.print() der udskriver det aktuelt synlige indhold af vinduesskærmen.

Parametre : Den indeholder ingen parametre.

Vender tilbage : Metoden window.print() returnerer ikke noget.

2 til 1 multiplekser

Understøttet browser af print()-metoden

Følgende er de browsere, der understøtter metoden window.print().

  1. Google Chrome
  2. Internet Explorer
  3. Brændkammer
  4. Opera
  5. Safari

Eksempel 1: Program til at udskrive en webside ved hjælp af print()-metoden

I dette program bruger vi en window.print()-metode, der udskriver det aktuelle synlige indhold på vinduesskærmen.

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 udfører ovenstående programmeringskode på en hvilken som helst browser, viser den nedenstående billede:

liste sorteret java
JavaScript print() metode

På billedet ovenfor er der en Print knap. Nu klikker vi på knappen Udskriv, det åbner en udskriftsdialogboks med det aktuelle visuelle indhold af vinduesskærmen, som vist nedenfor.

JavaScript print() metode

Eksempel 2: Program til at udskrive elevregistreringsformularen ved hjælp af print()-metoden

I dette program opretter vi en elevregistreringsformular og udskriver den derefter ved hjælp af 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 udfører ovenstående programmeringskode på en hvilken som helst browser, viser den nedenstående billede:

JavaScript print() metode

Nu udfylder vi alle detaljerne i elevregistreringsformularen og klikker på knappen Udskriv, som viser nedenstående billede.

JavaScript print() metode

Når du har klikket på knappen Udskriv, viser den de forskellige funktioner vindue.print metode. Når vi er færdige med alle indstillinger i dialogboksen Udskriv, skal du klikke på knappen Gem for at gemme filen eller siden i dit system.

Forklaring af koden: I ovenstående program har vi lavet en elevregistreringsformular, og denne formular har to knapper Nulstil og Udskriv knap. Nulstil-knappen bruges til at nulstille indholdet, og knappen Udskriv bruges til at udskrive det viste indhold. Når vi klikker på knappen Udskriv, aktiveres en onclick-funktion og kalder PrintFun()-funktionen. Nu udføres PrintFun()-funktionen, der indeholder metoden window.print() til at udskrive det viste indhold på vinduesskærmen.

Konklusion:

Vi har lært om print()-metoden i JavaScript, der udskriver vinduesskærmens indhold. Hvor indholdet af vinduesskærmen kan være tekst, billede, annonce osv. Når en print()-metode kaldes i JavaScript, åbner den desuden print-dialogboksen. Så brugeren eller programmøren kan vælge den passende mulighed for at udskrive vist indhold på vinduesskærmen.