logo

JavaScript print() metoda

U ovom odjeljku raspravljat ćemo o metodi print() u jeziku JavaScript. A ispis() Metoda se koristi za ispis trenutno vidljivog sadržaja poput web stranice, teksta, slike itd., na zaslonu računala. Kada koristimo a ispis() metoda u JavaScript i izvrši kod, otvara dijaloški okvir za ispis koji korisniku ili programeru omogućuje odabir odgovarajuće opcije za ispis trenutnog sadržaja prozora.

JavaScript print() metoda

Sintaksa

Za ispis trenutnog sadržaja prozora koristi se sljedeća sintaksa:

 window.print() 

U gornjoj sintaksi koristimo metodu window.print() koja ispisuje trenutno vidljivi sadržaj zaslona prozora.

Parametri : Ne sadrži nikakve parametre.

Povratak : Metoda window.print() ne vraća ništa.

Podržani preglednik print() metode

Slijede preglednici koji podržavaju metodu window.print().

  1. Google Chrome
  2. Internet Explorer
  3. Ložište
  4. Opera
  5. Safari

Primjer 1: Program za ispis web stranice pomoću print() metode

U ovom programu koristimo metodu window.print() koja ispisuje trenutni vidljivi sadržaj na ekranu prozora.

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

Kada izvršimo gornji programski kod na bilo kojem pregledniku, on prikazuje donju sliku:

JavaScript print() metoda

Na gornjoj slici nalazi se Ispis dugme. Sada kliknemo na gumb Ispis, on otvara dijaloški okvir ispisa s trenutnim vizualnim sadržajem zaslona prozora, kao što je prikazano u nastavku.

JavaScript print() metoda

Primjer 2: Program za ispis obrasca za registraciju studenata pomoću metode print().

U ovom programu kreiramo obrazac za prijavu učenika i zatim ga ispisujemo koristeći window,print() metodu.

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>

Kada izvršimo gornji programski kod na bilo kojem pregledniku, on prikazuje donju sliku:

JavaScript print() metoda

Sada ispunjavamo sve detalje obrasca za registraciju učenika i kliknemo na gumb Ispis, koji prikazuje sliku ispod.

JavaScript print() metoda

Nakon klika na gumb Ispis, prikazuju se različite operacije prozor.ispisati metoda. Nakon što završimo sa svim postavkama u dijaloškom okviru Ispis, kliknite na gumb Spremi kako biste datoteku ili stranicu spremili u svoj sustav.

Objašnjenje koda: U gore navedenom programu kreirali smo obrazac za prijavu učenika, a ovaj obrazac ima dva gumba Reset i gumb Ispis. Gumb Reset koristi se za resetiranje sadržaja, a gumb Ispis koristi se za ispis prikazanog sadržaja. Kada kliknemo na gumb Print, onclick funkcija će se aktivirati i pozvati funkciju PrintFun(). Sada se izvršava funkcija PrintFun() koja sadrži metodu window.print() za ispis prikazanog sadržaja na ekranu prozora.

Zaključak:

Naučili smo o metodi print() u JavaScriptu koja ispisuje sadržaj ekrana prozora. Gdje sadržaj prozorskog zaslona može biti tekst, slika, reklama itd. Nadalje, kada se u JavaScriptu pozove metoda print(), ona otvara dijaloški okvir za ispis. Tako da korisnik ili programer može odabrati odgovarajuću opciju za ispis prikazanog sadržaja na ekranu prozora.