ubiquitour.com

Imprimir el Tutorial de JavaScript

Imprimir el Tutorial de JavaScript

El propósito de la función de JavaScript window.print() es abrir la caja de diálogo de impresión del navegador y permite al usuario imprimir fácilmente una página web. Realiza exactamente la misma función que la tecla Ctrl + f o archivo > Imprimir, pero es útil para los desarrolladores web ya vamos a ellos incluyen un indicador de impresión en una ubicación conveniente en la página. La sintaxis es fácil de aprender y tiene alcance para una gran cantidad de personalización. Echemos un vistazo más comunes métodos de usar window.print().

Instrucciones

Utilizando un botón estándar

1 Pegue el siguiente código en tu página.

< tipo de entrada = "button" value = "Imprimir página" onClick="window.print()" >

Al guardar y volver a cargar la página aparecerá un botón gris estándar con el texto "Imprimir página" en él.

2 Editar "Imprimir página" a lo que quieras tu botón para decir.

3 Personalizar la forma, tamaño y color del botón al agregar una clase CSS. Insertar esta línea de código, clase = "bttn" a continuación, crear una clase CSS correspondiente en tu hoja de estilo.

Utilizando texto e imágenes

4 Pegue el siguiente código en tu página:

< a href="javascript:window.print()" >< img con la URL de la imagen que desea utilizar como un botón. Cuando un usuario hace clic en la imagen se abrirá el cuadro de diálogo Imprimir.

6 Entender la sintaxis de la URL de JavaScript. En lugar de tener una URL normal como el href, hemos sustituido con javascript:window.print(), que llama a la función de impresión. Usted puede llamar a otras funciones de JavaScript usando una sintaxis similar.

7 Crear un vínculo de texto pegar la siguiente línea de código. Añadir una clase CSS para una personalización adicional.

< a href="javascript:window.print()" > Imprimir esta página < /a >