V tejto časti budeme diskutovať o metóde print() v jazyku JavaScript. A tlačiť () metóda sa používa na tlač aktuálne viditeľného obsahu, ako je webová stránka, text, obrázok atď., na obrazovku počítača. Keď použijeme a tlačiť () metóda v JavaScript a spustiť kód, otvorí dialógové okno tlače, ktoré umožňuje používateľovi alebo programátorovi vybrať vhodnú možnosť pre tlač aktuálneho obsahu okna.

Syntax

Na vytlačenie aktuálneho obsahu okna sa používa nasledujúca syntax:

 window.print() 

Vo vyššie uvedenej syntaxi používame metódu window.print(), ktorá vytlačí aktuálne viditeľný obsah obrazovky okna.

Parametre : Neobsahuje žiadne parametre.

Návraty : Metóda window.print() nevracia nič.

Podporovaný prehliadač metódy print().

Nasledujú prehliadače, ktoré podporujú metódu window.print().

1. Google Chrome
2. internet Explorer
3. Firebox
4. Opera
5. Safari

Príklad 1: Program na tlač webovej stránky pomocou metódy print().

V tomto programe používame metódu window.print(), ktorá vytlačí aktuálny viditeľný obsah na obrazovke okna.

print.html

susedné uhly

 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> 

Keď spustíme vyššie uvedený programovací kód v ľubovoľnom prehliadači, zobrazí sa nasledujúci obrázok:

Na obrázku vyššie je a Tlačiť tlačidlo. Teraz klikneme na tlačidlo Tlačiť, otvorí sa dialógové okno tlače s aktuálnym vizuálnym obsahom obrazovky okna, ako je znázornené nižšie.

Príklad 2: Program na tlač Registračného formulára študenta pomocou metódy print().

V tomto programe vytvoríme registračný formulár študenta a následne ho vytlačíme metódou 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>

Keď spustíme vyššie uvedený programovací kód v ľubovoľnom prehliadači, zobrazí sa nasledujúci obrázok:

Teraz vyplníme všetky údaje v registračnom formulári študenta a klikneme na tlačidlo Tlačiť, ktoré zobrazuje obrázok nižšie.

Po kliknutí na tlačidlo Tlačiť sa zobrazia rôzne operácie okno.tlač metóda. Keď skončíme so všetkými nastaveniami v dialógovom okne Tlačiť, kliknutím na tlačidlo Uložiť uložte súbor alebo stránku vo svojom systéme.

Vysvetlenie kódu: Vo vyššie uvedenom programe sme vytvorili registračný formulár študenta a tento formulár má dve tlačidlá Resetovať a Tlačiť. Tlačidlo Reset slúži na resetovanie obsahu a tlačidlo Print slúži na tlač zobrazeného obsahu. Keď klikneme na tlačidlo Tlačiť, aktivuje sa funkcia onclick a zavolá funkciu PrintFun(). Teraz sa vykoná funkcia PrintFun(), ktorá obsahuje metódu window.print() na vytlačenie zobrazeného obsahu na obrazovke okna.

Záver:

Dozvedeli sme sa o metóde print() v JavaScripte, ktorá vytlačí obsah obrazovky okna. Ak obsahom obrazovky okna môže byť text, obrázok, reklama atď. Okrem toho, keď sa v JavaScripte zavolá metóda print(), otvorí sa dialógové okno tlače. Aby si používateľ alebo programátor mohol vybrať vhodnú možnosť tlače zobrazeného obsahu na obrazovke okna.