Has buscado "Impresión de JavaScript" – por lo que probablemente esté intentando enviar datos a la consola, a la página web o a una impresora. He aquí cómo hacer los tres.
Imprimiendo a la Consola con console.log()
JavaScript console.log() método impresiones datos a la consola de JavaScript (visible en el inspector web de su navegador ).
Cualquier tipo de datos se pueden registrar en la consola, incluidas cadenas, números, matrices y objetos, y se mostrará el contenido o una representación de texto del valor.
consola.log() se usa con frecuencia para la depuración:los desarrolladores lo usan para ver el contenido de las variables o el resultado de una función para asegurarse de que su código funcione en un lugar discreto.
console.log() Sintaxis
La sintaxis de console.log() método es el siguiente:
console.log(MESSAGE)
Tenga en cuenta que:
- MENSAJE es el texto u objeto que desea ver en la consola
Imprimir (añadir) texto a la página web actual con JavaScript
También puede estar buscando imprimir datos a la página web que se está viendo. Esto se hace usando el document.append() método.
document.append() Sintaxis
La sintaxis para agregar elementos al final de la página/documento actual es la siguiente:
document.body.append(CONTENT)
Tenga en cuenta que:
- CONTENIDO debe haber uno o más elementos HTML para agregar al final de la página actual
- cuerpo es el elemento del documento al que desea agregar; en este caso, se especifica el cuerpo del documento HTML
- También podría agregar al encabezado u otro elemento HTML raíz, pero si desea que el contenido sea visible, debe agregarse al cuerpo elemento
- Si desea anteponer (añadir datos al principio de) el documento, document.prepend(CONTENT) se puede usar de la misma manera
document.append() Ejemplo
Proporcionaré un ejemplo rápido de este, ya que también deberá construir un objeto HTML que contenga los datos que desea imprimir /añadir/anteponer:
var paragraphElement = document.createElement("p");
var myText = document.createTextNode("Linux is great!");
paragraphElement.appendChild(myText);
document.body.append(paragraphElement); Los comentarios deben explicar lo que está pasando arriba. El resultado de ejecutar lo anterior será agregar el texto "¡Linux es genial!" hasta el final de la página web actual.
¡Tenga en cuenta que estos cambios no son permanentes! Actualizar la página la devolverá a su estado original.
Imprimir en una impresora con window.print()
¡Este es rápido y fácil! Muestra la impresión de tu navegador web cuadro de diálogo ejecutando el siguiente código JavaScript:
window.print();
Con suerte, dondequiera que estuvieras esperando imprimir a usar JavaScript, ¡ahora has descubierto cómo!