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().
- Google Chrome
- internet Explorer
- Firebox
- Opera
- 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.