Tässä osiossa käsittelemme print()-menetelmää JavaScript-kielellä. A Tulosta() -menetelmää käytetään sillä hetkellä näkyvän sisällön, kuten verkkosivun, tekstin, kuvan jne., tulostamiseen tietokoneen näytölle. Kun käytämme a Tulosta() menetelmä sisään JavaScript ja suorittaa koodin, se avaa tulostusvalintaikkunan, jonka avulla käyttäjä tai ohjelmoija voi valita sopivan vaihtoehdon ikkunan nykyisen sisällön tulostamiseksi.

Syntaksi

Seuraavaa syntaksia käytetään ikkunan nykyisen sisällön tulostamiseen:

 window.print() 

Yllä olevassa syntaksissa käytämme window.print()-menetelmää, joka tulostaa ikkunanäytön tällä hetkellä näkyvän sisällön.

Parametrit : Se ei sisällä parametreja.

Palauttaa : window.print()-metodi ei palauta mitään.

Tuettu print()-menetelmän selain

Seuraavat selaimet tukevat window.print()-menetelmää.

1. Google Chrome
2. Internet Explorer
3. Tulipesä
4. Ooppera
5. Safari

Esimerkki 1: Ohjelma tulostaa web-sivu käyttämällä print()-menetelmää

Tässä ohjelmassa käytämme window.print()-menetelmää, joka tulostaa ikkunanäytössä näkyvän sisällön.

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> 

Kun suoritamme yllä olevan ohjelmointikoodin millä tahansa selaimella, se näyttää alla olevan kuvan:

Yllä olevassa kuvassa on a Tulosta -painiketta. Nyt napsautamme Tulosta-painiketta, se avaa tulostusvalintaikkunan, jossa on ikkunanäytön nykyinen visuaalinen sisältö alla olevan kuvan mukaisesti.

Esimerkki 2: Ohjelma tulostaa opiskelijan ilmoittautumislomake print()-menetelmällä

Tässä ohjelmassa luomme opiskelijan ilmoittautumislomakkeen ja tulostamme sen käyttämällä window,print() -menetelmää.

opiskelija.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>

Kun suoritamme yllä olevan ohjelmointikoodin millä tahansa selaimella, se näyttää alla olevan kuvan:

Nyt täytämme kaikki opiskelijan ilmoittautumislomakkeen tiedot ja napsautamme Tulosta-painiketta, joka näyttää alla olevan kuvan.

Kun napsautat Tulosta-painiketta, se näyttää eri toiminnot window.print menetelmä. Kun kaikki Tulosta-valintaikkunan asetukset on tehty, napsauta Tallenna-painiketta tallentaaksesi tiedoston tai sivun järjestelmääsi.

Koodin selitys: Yllä olevaan ohjelmaan olemme luoneet opiskelijarekisteröintilomakkeen, jossa on kaksi painiketta Reset ja Print-painike. Reset-painiketta käytetään sisällön nollaamiseen ja Tulosta-painikkeella näytetyn sisällön tulostaminen. Kun napsautamme Tulosta-painiketta, onclick-toiminto aktivoituu ja kutsuu PrintFun()-funktion. Nyt suoritetaan PrintFun()-toiminto, joka sisältää window.print()-menetelmän, jolla tulostetaan näytettävä sisältö ikkunanäytöllä.

Johtopäätös:

Olemme oppineet JavaScriptin print()-menetelmästä, joka tulostaa ikkunanäytön sisällön. Jos ikkunaruudun sisältö voi olla tekstiä, kuvaa, mainosta jne. Lisäksi, kun print()-menetelmää kutsutaan JavaScriptissä, se avaa tulostusvalintaikkunan. Jotta käyttäjä tai ohjelmoija voi valita sopivan vaihtoehdon näytettävän sisällön tulostamiseksi ikkunanäytölle.