logo

JavaScript print()-methode

In deze sectie bespreken we de print()-methode in de JavaScript-taal. A afdrukken() De methode wordt gebruikt om de momenteel zichtbare inhoud, zoals een webpagina, tekst, afbeelding, enz., op het computerscherm af te drukken. Wanneer we gebruik maken van een afdrukken() methode in JavaScript en de code uitvoert, wordt een afdrukdialoogvenster geopend waarin de gebruiker of programmeur een geschikte optie kan selecteren voor het afdrukken van de huidige inhoud van het venster.

pinda versus aardnoot
JavaScript print()-methode

Syntaxis

De volgende syntaxis wordt gebruikt om de huidige inhoud van het venster af te drukken:

 window.print() 

In de bovenstaande syntaxis gebruiken we de methode window.print() die de momenteel zichtbare inhoud van het vensterscherm afdrukt.

Parameters : Het bevat geen parameters.

Geeft terug : De methode window.print() retourneert niets.

wat is een speciaal karakter

Ondersteunde browser van de print()-methode

Hieronder volgen de browsers die de methode window.print() ondersteunen.

  1. Google Chrome
  2. Internet Explorer
  3. Vuurhaard
  4. Opera
  5. Safari

Voorbeeld 1: Programma om een ​​webpagina af te drukken met behulp van de print()-methode

In dit programma gebruiken we een window.print()-methode die de huidige zichtbare inhoud in het vensterscherm afdrukt.

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> 

Wanneer we de bovenstaande programmeercode in een browser uitvoeren, wordt de onderstaande afbeelding weergegeven:

JavaScript print()-methode

In de bovenstaande afbeelding is er een Afdrukken knop. Nu klikken we op de knop Afdrukken. Er wordt een afdrukdialoogvenster geopend met de huidige visuele inhoud van het vensterscherm, zoals hieronder weergegeven.

JavaScript print()-methode

Voorbeeld 2: Programma om het studentenregistratieformulier af te drukken met behulp van de print() -methode

In dit programma maken we een studentenregistratieformulier en drukken dit vervolgens af met de window,print()-methode.

img css uitlijnen

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>

Wanneer we de bovenstaande programmeercode in een browser uitvoeren, wordt de onderstaande afbeelding weergegeven:

JavaScript print()-methode

Nu vullen we alle gegevens van het studentenregistratieformulier in en klikken op de knop Afdrukken, waardoor onderstaande afbeelding wordt weergegeven.

JavaScript print()-methode

Nadat u op de knop Afdrukken hebt geklikt, worden de verschillende bewerkingen van de venster.print methode. Zodra we klaar zijn met alle instellingen in het dialoogvenster Afdrukken, klikt u op de knop Opslaan om het bestand of de pagina in uw systeem op te slaan.

boto3

Uitleg van de code: In het bovenstaande programma hebben we een studentenregistratieformulier gemaakt, en dit formulier heeft twee knoppen Reset en Afdrukken. De knop Reset wordt gebruikt om de inhoud te resetten, en de knop Afdrukken wordt gebruikt om de weergegeven inhoud af te drukken. Wanneer we op de knop Afdrukken klikken, wordt een onclick-functie geactiveerd en wordt de functie PrintFun() aangeroepen. Nu wordt de PrintFun()-functie uitgevoerd die de window.print()-methode bevat om de weergegeven inhoud op het vensterscherm af te drukken.

Conclusie:

We hebben geleerd over de print()-methode in JavaScript die de inhoud van het vensterscherm afdrukt. Waar de inhoud van het vensterscherm tekst, afbeeldingen, advertenties, enz. kan zijn. Wanneer bovendien een print()-methode wordt aangeroepen in JavaScript, wordt het afdrukdialoogvenster geopend. Zodat de gebruiker of programmeur de juiste optie kan selecteren voor het afdrukken van weergegeven inhoud op het vensterscherm.