4 maneres d'imprimir en Javascript

Taula de continguts:

4 maneres d'imprimir en Javascript
4 maneres d'imprimir en Javascript

Vídeo: 4 maneres d'imprimir en Javascript

Vídeo: 4 maneres d'imprimir en Javascript
Vídeo: Webinar Gratuito: Desbordamiento de Búfer 2024, Abril
Anonim

En la programació d’ordinadors, Imprimir és una ordre que s’utilitza per mostrar algun tipus de text a la pantalla. Es pot utilitzar per mostrar text (cadena), una variable, nombres o càlculs matemàtics. Una de les primeres coses que molts programadors aprenen és com utilitzar una ordre Imprimir per crear un programa que mostri "Hello World!". A diferència d'altres llenguatges de programació, Javascript es representa dins d'un navegador web. Javascript no té una ordre d’impressió simple, com ho fan molts altres idiomes. Tanmateix, hi ha moltes maneres de mostrar text dins del document HTML, una finestra d'alerta o la consola. També podeu utilitzar Javascript per imprimir des d’una impressora.

Passos

Mètode 1 de 4: utilitzar InnerHTML

Imprimiu-lo al pas 1 de Javascript
Imprimiu-lo al pas 1 de Javascript

Pas 1. Escriviu <p id = al cos del document HTML

Aquesta és l'etiqueta HTML d'obertura del text del paràgraf amb un identificador específic.

Per obtenir més informació sobre com escriure codi HTML, consulteu Com crear una pàgina web senzilla amb HTML

Imprimiu-lo al pas 2 de Javascript
Imprimiu-lo al pas 2 de Javascript

Pas 2. Escriviu un nom per a l'element de paràgraf entre cometes seguit de>

Això assigna a l’element de text del paràgraf una identificació que es pot recuperar a Javascript. Per exemple,"

".

També podeu utilitzar altres elements HTML de text, com ara una capçalera {{kbd |

Imprimiu-lo al pas 3 de Javascript
Imprimiu-lo al pas 3 de Javascript

Pas 3. Escriviu

immediatament després del"

etiqueta.

Això afegeix una etiqueta de tancament per a l'element HTML del paràgraf d'obertura

Imprimiu al pas Javascript 4
Imprimiu al pas Javascript 4

Pas 4. Premeu ↵ Retorn

Això afegeix una nova línia al vostre HTML.

Imprimiu-lo al pas 5 de Javascript
Imprimiu-lo al pas 5 de Javascript

Pas 5. Escriviu i premeu ↵ Retorn

Aquesta és l'etiqueta d'obertura del vostre Javascript. Tota la codificació Javascript hauria d’anar després d’aquesta etiqueta.

Imprimiu al pas 6 de Javascript
Imprimiu al pas 6 de Javascript

Pas 6. Escriviu document.getElementById

Aquest és el codi javascript per trucar a un element HTML mitjançant el seu identificador.

Imprimiu-lo al pas 7 de Javascript
Imprimiu-lo al pas 7 de Javascript

Pas 7. Escriviu l'identificador de l'element de paràgraf entre cometes entre parèntesi

Si el vostre element de paràgraf és"

", el vostre codi javascript es deuria" document.getElementById ("math") ".

Imprimiu al pas 8 de Javascript
Imprimiu al pas 8 de Javascript

Pas 8. Escriviu. InnerHTML = després del parèntesi

Aquesta ordre s'utilitza per mostrar sortides de text mitjançant l'element HTML.

Imprimiu al pas 9 de Javascript
Imprimiu al pas 9 de Javascript

Pas 9. Escriviu el que voleu imprimir seguit d'un punt i coma (;

).

Podeu mostrar text, una variable, nombres o una equació matemàtica.

Per exemple, escriviu "document.getElementById (" demostració "). InnerHTML = 27 + 33;" per imprimir la suma de 27 + 33

Imprimiu-lo al pas 10 de Javascript
Imprimiu-lo al pas 10 de Javascript

Pas 10. Premeu ↵ Retorn i escriviu

Aquesta etiqueta tanca el codi Javascript. Escriviu aquesta etiqueta quan hàgiu acabat, introduïu totes les vostres línies de Javascript. Quan carregueu el document HTML en un navegador web, s’imprimirà dins del document HTML.

Mètode 2 de 4: utilitzar una alerta de finestra

Imprimiu al pas 11 de Javascript
Imprimiu al pas 11 de Javascript

Pas 1. Escriviu el cos del document HTML

Aquesta és l'etiqueta d'obertura del vostre Javascript.

Imprimiu al pas 12 de Javascript
Imprimiu al pas 12 de Javascript

Pas 2. Premeu ↵ Retorn i escriviu alert

Aquesta és l'ordre javascript per obrir una alerta de finestra emergent.

Imprimiu al pas 13 de Javascript
Imprimiu al pas 13 de Javascript

Pas 3. Escriviu el que voleu imprimir entre parèntesi

Podeu escriure text, una variable, números o una equació matemàtica. Per exemple, "alert (" Hello Sweety! ")" Per mostrar "Hello Sweety!" en una finestra emergent.

Imprimiu al pas 14 de Javascript
Imprimiu al pas 14 de Javascript

Pas 4. Afegiu un punt i coma (;

) al final.

Això tanca la vostra línia de Javascript. Tota la línia hauria de semblar a "alerta (" Hola Sweety! ");".

Imprimiu al pas 15 de Javascript
Imprimiu al pas 15 de Javascript

Pas 5. Premeu ↵ Retorn i escriviu

Aquesta etiqueta tanca el codi Javascript. Escriviu aquesta etiqueta quan hàgiu acabat d’introduir totes les vostres línies de Javascript. Quan carregueu el document HTML en un navegador web, mostrarà el text que voleu imprimir en una finestra emergent.

També podeu crear un botó que mostri el text imprès en una finestra emergent. Per fer-ho, escriviu "Text del botó"

Mètode 3 de 4: utilitzar el registre de la consola

Imprimiu al pas 16 de Javascript
Imprimiu al pas 16 de Javascript

Pas 1. Escriviu el cos del document HTML

Aquesta és l'etiqueta d'obertura del vostre Javascript.

Imprimiu al pas 17 de Javascript
Imprimiu al pas 17 de Javascript

Pas 2. Premeu ↵ Retorn i escriviu console.log

Aquesta és l'ordre javascript per a un registre de consola. Un registre de consola és el més proper a una ordre d'impressió en el sentit típic de codificació. No mostra text a la vostra pàgina web, però sí que mostra text a la consola quan executeu el vostre HTML / Javascript dins d’un navegador web. Això és útil per a la depuració.

Imprimiu-lo al pas 18 de Javascript
Imprimiu-lo al pas 18 de Javascript

Pas 3. Escriviu el text que vulgueu iniciar la sessió entre parèntesi

Pot ser text (una cadena), una variable, nombres o una equació matemàtica. Per exemple, console.log (estic imprimint en Javascript).

Imprimiu al pas 19 de Javascript
Imprimiu al pas 19 de Javascript

Pas 4. Afegiu un punt i coma (;

) al final.

Això tanca la vostra línia de Javascript. Tota la línia hauria de semblar a "nowiki> console.log (estic imprimint en Javascript)

Imprimiu al pas 20 de Javascript
Imprimiu al pas 20 de Javascript

Pas 5. Premeu ↵ Retorn i escriviu

Aquesta etiqueta tanca el codi Javascript. Escriviu aquesta etiqueta quan hàgiu acabat d’introduir totes les vostres línies de Javascript.

Imprimiu al pas 21 de Javascript
Imprimiu al pas 21 de Javascript

Pas 6. Deseu el document HTML

Seguiu els passos següents per desar el document HTML.

  • Feu clic a Dossier a la part superior de l'editor de text o del programa d'edició HTML.
  • Feu clic a Guardar com.
  • Escriviu un nom de fitxer per al document HTML.
  • Assegureu-vos que es desa com a document ".html".
  • Feu clic a Desa.
Imprimiu-lo al pas 22 de Javascript
Imprimiu-lo al pas 22 de Javascript

Pas 7. Obriu el document HTML en un navegador web

Obriu qualsevol navegador web que trieu i escriviu la ubicació del fitxer del document HTML a la barra d’adreces de la part superior. Això obrirà el document HTML al navegador web.

Imprimiu-lo al pas 23 de Javascript
Imprimiu-lo al pas 23 de Javascript

Pas 8. Premeu F12

Això obre el mode de desenvolupador al navegador web. Veureu una finestra nova amb el codi HTML, CSS i Javascript.

Imprimiu al pas 24 de Javascript
Imprimiu al pas 24 de Javascript

Pas 9. Feu clic a Consola

Es troba a la part superior de la finestra del mode de desenvolupador.

Imprimiu al pas 25 de Javascript
Imprimiu al pas 25 de Javascript

Pas 10. Actualitzeu el navegador

Imprimiu al pas 26 de Javascript
Imprimiu al pas 26 de Javascript

Pas 1. Escriviu <button onclick = al cos del document HTML

Aquesta és l'etiqueta HTML d'obertura per crear un botó dins del vostre HTML.

Imprimiu-lo al pas 27 de Javascript
Imprimiu-lo al pas 27 de Javascript

Pas 2. Escriviu "window.print ()"> després del signe igual (=)

L'ordre "window.print ()" és l'ordre Javascript per imprimir el contingut de la finestra del navegador web. El claudàtor (>) acaba l'etiqueta d'obertura del botó HTML.

Imprimiu-lo al pas 28 de Javascript
Imprimiu-lo al pas 28 de Javascript

Pas 3. Escriviu el text que vulgueu al botó

Això hauria d’anar just després del parèntesi (>). Per exemple, podeu escriure "Feu clic aquí per imprimir" o alguna cosa similar.

Imprimiu-lo al pas 29 de Javascript
Imprimiu-lo al pas 29 de Javascript

Pas 4. Escriviu

Això tanca l'element del botó HTML. Quan renderitzeu el vostre HTML en un navegador web, es crearà un botó on podeu fer clic per imprimir el contingut del navegador web yoru.

Recomanat: