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ää.
- Google Chrome
- Internet Explorer
- Tulipesä
- Ooppera
- 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.