Tecnología

Inicio

Imprimir Tutorial de JavaScript

Imprimir 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 permitir 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 dejó de ellos incluyen un indicador de impresión en una buena ubicación en la página. La sintaxis es fácil de aprender y tiene margen para una gran cantidad de personalización. Vamos a echar un vistazo a los métodos más comunes de utilizar window.print ().

Instrucciones

El uso de un botón estándar

1 Pega el siguiente código en su página.

<Input type = "button" value = "Imprimir" onclick = "window.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" 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.

El uso de texto e imágenes

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

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

6 Entender la sintaxis de la URL de 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. 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.

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