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
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
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 |
Pas 3. Escriviu
immediatament després del"
etiqueta.
Això afegeix una etiqueta de tancament per a l'element HTML del paràgraf d'obertura
Pas 4. Premeu ↵ Retorn
Això afegeix una nova línia al vostre HTML.
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.
Pas 6. Escriviu document.getElementById
Aquest és el codi javascript per trucar a un element HTML mitjançant el seu identificador.
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") ".
Pas 8. Escriviu. InnerHTML = després del parèntesi
Aquesta ordre s'utilitza per mostrar sortides de text mitjançant l'element HTML.
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
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
Pas 1. Escriviu el cos del document HTML
Aquesta és l'etiqueta d'obertura del vostre Javascript.
Pas 2. Premeu ↵ Retorn i escriviu alert
Aquesta és l'ordre javascript per obrir una alerta de finestra emergent.
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.
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! ");".
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
Pas 1. Escriviu el cos del document HTML
Aquesta és l'etiqueta d'obertura del vostre 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ó.
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).
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)
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.
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.
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.
Pas 8. Premeu F12
Això obre el mode de desenvolupador al navegador web. Veureu una finestra nova amb el codi HTML, CSS i Javascript.
Pas 9. Feu clic a Consola
Es troba a la part superior de la finestra del mode de desenvolupador.
Pas 10. Actualitzeu el navegador
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.
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.
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.
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.