V tem razdelku bomo razpravljali o metodi print() v jeziku JavaScript. A natisni() se uporablja za tiskanje trenutno vidnih vsebin, kot so spletna stran, besedilo, slika itd., na računalniški zaslon. Ko uporabljamo a natisni() metoda v JavaScript in izvede kodo, odpre pogovorno okno za tiskanje, ki uporabniku ali programerju omogoča izbiro ustrezne možnosti za tiskanje trenutne vsebine okna.
Sintaksa
Za tiskanje trenutne vsebine okna se uporablja naslednja sintaksa:
window.print()
V zgornji sintaksi uporabljamo metodo window.print(), ki natisne trenutno vidno vsebino okenskega zaslona.
Parametri : Ne vsebuje parametrov.
Vračila : metoda window.print() ne vrne ničesar.
Podprt brskalnik metode print().
Sledijo brskalniki, ki podpirajo metodo window.print().
- Google Chrome
- internet Explorer
- Kurišče
- Opera
- Safari
Primer 1: Program za tiskanje spletne strani z metodo print().
V tem programu uporabljamo metodo window.print(), ki natisne trenutno vidno vsebino na zaslonu okna.
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>
Ko izvedemo zgornjo programsko kodo v katerem koli brskalniku, prikaže spodnjo sliko:
Na zgornji sliki je a Tiskanje gumb. Zdaj kliknemo gumb Natisni, odpre se pogovorno okno za tiskanje s trenutno vizualno vsebino okenskega zaslona, kot je prikazano spodaj.
Primer 2: Program za tiskanje obrazca za prijavo študentov z metodo print().
V tem programu ustvarimo obrazec za registracijo študenta in ga nato natisnemo z metodo window,print().
Študent.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>
Ko izvedemo zgornjo programsko kodo v katerem koli brskalniku, prikaže spodnjo sliko:
Sedaj izpolnimo vse podatke obrazca za registracijo študenta in kliknemo na gumb Natisni, ki prikazuje spodnjo sliko.
Ko kliknete gumb Natisni, se prikažejo različne operacije okno.natis metoda. Ko končamo z vsemi nastavitvami v pogovornem oknu Natisni, kliknite gumb Shrani, da shranite datoteko ali stran v svoj sistem.
Razlaga kode: V zgornjem programu smo ustvarili obrazec za registracijo študentov, ta obrazec pa ima dva gumba Ponastavi in gumb Natisni. Gumb Reset se uporablja za ponastavitev vsebine, gumb Print pa za tiskanje prikazane vsebine. Ko kliknemo na gumb Natisni, se aktivira funkcija onclick in prikliče funkcijo PrintFun(). Zdaj se izvede funkcija PrintFun(), ki vsebuje metodo window.print() za tiskanje prikazane vsebine na zaslonu okna.
Zaključek:
Spoznali smo metodo print() v JavaScriptu, ki natisne vsebino okenskega zaslona. Kjer je vsebina okenskega zaslona lahko besedilo, slika, oglas itd. Poleg tega, ko se v JavaScriptu pokliče metoda print(), odpre pogovorno okno za tiskanje. Tako lahko uporabnik ali programer izbere ustrezno možnost za tiskanje prikazane vsebine na okenski zaslon.