El propósito de la función window.print de JavaScript ( ) es abrir el cuadro de diálogo de impresión del navegador y permite al usuario imprimir fácilmente de una página web. Se lleva a cabo exactamente la misma función que Ctrl + f o Archivo > Imprimir , pero es útil para los desarrolladores web , ya que vamos a ellas incluyen una impresión rápida en una buena ubicación en la página. La sintaxis es fácil de aprender y tiene espacio para una gran cantidad de personalización. Echemos un vistazo a los métodos más comunes de uso de window.print (). Instrucciones
Utilizando un estándar Button
1
Pega el siguiente código en tu página.
Input type = value " botón" = " Imprimir " onclick = " ventana < . print () ">
al guardar y volver a cargar la página un botón gris estándar aparecerá con el texto" Imprimir "en él.
2
Editar " Imprimir página " a lo que usted quiere que su botón para decir.
3
Personalizar la forma, el tamaño y el color de su botón añadiendo una clase CSS. Inserte esta línea de código , class = " BTTN " a continuación, crear una clase CSS correspondiente en la hoja de estilos .
Usando texto e imágenes
4
Pega el siguiente código en tu página:
href="javascript:window.print()"> < /a>
5
Reemplazar " imagen.jpg " 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 de impresión.
6
Comprender la sintaxis de la URL JavaScript . En lugar de tener una URL normal como href, hemos reemplazado con javascript: window.print (), que llama a la función de impresión. Usted puede llamar a otras funciones de JavaScript utilizando una sintaxis similar .
7
Crear un enlace de texto pegando la siguiente línea de código. Añadir una clase CSS para la personalización adicional.
Href="javascript:window.print()"> Imprimir esta página < /a>