Šajā sadaļā mēs apspriedīsim print() metodi JavaScript valodā. A drukāt () metode tiek izmantota, lai datora ekrānā izdrukātu pašlaik redzamo saturu, piemēram, tīmekļa lapu, tekstu, attēlu utt. Kad mēs izmantojam a drukāt () metode iekšā JavaScript un izpildiet kodu, tiek atvērts drukāšanas dialoglodziņš, kas ļauj lietotājam vai programmētājam izvēlēties atbilstošu opciju loga pašreizējā satura drukāšanai.
Sintakse
Lai drukātu pašreizējo loga saturu, tiek izmantota šāda sintakse:
window.print()
Iepriekš minētajā sintaksē mēs izmantojam metodi window.print(), kas drukā pašlaik redzamo loga ekrāna saturu.
Parametri : Tas nesatur nekādus parametrus.
Atgriežas : Metode window.print() neko neatgriež.
Atbalstītais drukas () metodes pārlūks
Tālāk ir norādītas pārlūkprogrammas, kas atbalsta metodi window.print().
- Google Chrome
- Internet Explorer
- Firebox
- Opera
- Safari
1. piemērs: programma tīmekļa lapas drukāšanai, izmantojot metodi print().
Šajā programmā mēs izmantojam metodi window.print(), kas drukā pašreizējo redzamo saturu loga ekrā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>
Kad mēs izpildām iepriekš minēto programmēšanas kodu jebkurā pārlūkprogrammā, tas parāda šādu attēlu:
Iepriekš redzamajā attēlā ir a Drukāt pogu. Tagad mēs noklikšķinām uz pogas Drukāt, tas atver drukāšanas dialoglodziņu ar pašreizējo loga ekrāna vizuālo saturu, kā parādīts zemāk.
2. piemērs: Programma studentu reģistrācijas veidlapas drukāšanai, izmantojot print() metodi
Šajā programmā mēs izveidojam studentu reģistrācijas veidlapu un pēc tam to izdrukājam, izmantojot metodi window,print().
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> Kad mēs izpildām iepriekš minēto programmēšanas kodu jebkurā pārlūkprogrammā, tas parāda šādu attēlu:
Tagad mēs aizpildām visus studentu reģistrācijas veidlapas datus un noklikšķiniet uz pogas Drukāt, kas parāda zemāk redzamo attēlu.
Pēc noklikšķināšanas uz pogas Drukāt tiek parādītas dažādas ierīces darbības logs.print metodi. Kad esam pabeiguši visus iestatījumus dialoglodziņā Drukāt, noklikšķiniet uz pogas Saglabāt, lai saglabātu failu vai lapu savā sistēmā.
Koda skaidrojums: Iepriekš minētajā programmā esam izveidojuši studentu reģistrācijas veidlapu, un šai veidlapai ir divas pogas Atiestatīt un Drukāt. Poga Atiestatīt tiek izmantota, lai atiestatītu saturu, un poga Drukāt tiek izmantota, lai drukātu parādīto saturu. Noklikšķinot uz pogas Drukāt, aktivizēsies onclick funkcija un izsauks funkciju PrintFun(). Tagad tiek izpildīta funkcija PrintFun(), kas satur window.print() metodi, lai izdrukātu loga ekrānā parādīto saturu.
Secinājums:
Mēs esam iemācījušies par print() metodi JavaScript, kas drukā loga ekrāna saturu. Ja loga ekrāna saturs var būt teksts, attēls, reklāma utt. Turklāt, ja JavaScript tiek izsaukta metode print(), tiek atvērts drukāšanas dialoglodziņš. Lai lietotājs vai programmētājs varētu izvēlēties atbilstošo opciju parādītā satura drukāšanai loga ekrānā.