En aquesta secció, parlarem del mètode print() en el llenguatge JavaScript. A imprimir() El mètode s'utilitza per imprimir els continguts visibles actualment com una pàgina web, text, imatge, etc., a la pantalla de l'ordinador. Quan fem servir a imprimir() mètode en JavaScript i executar el codi, obre un quadre de diàleg d'impressió que permet a l'usuari o programador seleccionar una opció adequada per imprimir el contingut actual de la finestra.
Sintaxi
La sintaxi següent s'utilitza per imprimir el contingut actual de la finestra:
window.print()
A la sintaxi anterior, utilitzem el mètode window.print() que imprimeix el contingut visible actualment de la pantalla de la finestra.
Paràmetres : No conté cap paràmetre.
Devolucions : El mètode window.print() no retorna res.
Navegador compatible amb el mètode print().
A continuació es mostren els navegadors que admeten el mètode window.print().
- Google Chrome
- Internet Explorer
- Firebox
- Òpera
- Safari
Exemple 1: Programa per imprimir una pàgina web mitjançant el mètode print().
En aquest programa, estem utilitzant un mètode window.print() que imprimeix el contingut visible actual a la pantalla de la finestra.
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>
Quan executem el codi de programació anterior a qualsevol navegador, mostra la imatge següent:
A la imatge de dalt, hi ha un Imprimir botó. Ara fem clic al botó Imprimeix, s'obre un quadre de diàleg d'impressió amb el contingut visual actual de la pantalla de la finestra, tal com es mostra a continuació.
Exemple 2: Programa per imprimir el formulari d'inscripció de l'estudiant mitjançant el mètode print().
En aquest programa, creem un formulari de registre d'estudiant i després l'imprimim mitjançant el mètode window,print().
Estudiant.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>
Quan executem el codi de programació anterior a qualsevol navegador, mostra la imatge següent:
Ara omplim tots els detalls del formulari d'inscripció de l'estudiant i premem el botó Imprimir, que mostra la imatge següent.
Després de fer clic al botó Imprimeix, es mostren les diferents operacions del finestra.imprimir mètode. Un cop hàgim acabat amb tots els paràmetres del quadre de diàleg Imprimeix, feu clic al botó Desa per desar el fitxer o la pàgina al vostre sistema.
Explicació del codi: En el programa anterior, hem creat un formulari de registre d'estudiant, i aquest formulari té dos botons Restablir i el botó Imprimir. El botó Restableix s'utilitza per restablir el contingut i el botó Imprimeix s'utilitza per imprimir el contingut mostrat. Quan fem clic al botó Imprimeix, s'activarà una funció onclick i cridarà a la funció PrintFun(). Ara s'executa la funció PrintFun() que conté el mètode window.print() per imprimir el contingut mostrat a la pantalla de la finestra.
Conclusió:
Hem après el mètode print() en JavaScript que imprimeix el contingut de la pantalla de la finestra. On el contingut de la pantalla de la finestra pot ser text, imatge, publicitat, etc. A més, quan es crida un mètode print() a JavaScript, obre el quadre de diàleg d'impressió. Així, l'usuari o el programador poden seleccionar l'opció adequada per imprimir el contingut mostrat a la pantalla de la finestra.