Arvutiprogrammeerimisel on printimine käsk, mida kasutatakse teatud tüüpi teksti kuvamiseks ekraanil. Seda saab kasutada teksti (string), muutuja, numbrite või matemaatiliste arvutuste kuvamiseks. Üks esimesi asju, mida paljud programmeerijad õpivad, on käsu Prindi kasutamine programmi „Tere maailm!“Kuvamiseks. Erinevalt teistest programmeerimiskeeltest renderdatakse Javascript veebibrauseris. Javascriptil pole lihtsat printimiskäsku nagu paljudel teistel keeltel. Kuid teksti kuvamiseks HTML -dokumendis, hoiatusaknas ja konsoolis on palju võimalusi. Printerist printimiseks saate kasutada ka Javascripti.
Sammud
Meetod 1 /4: InnerHTML -i kasutamine
Samm 1. Sisestage HTML -dokumendi kehasse <p id =
See on konkreetse ID -ga lõigu teksti avav HTML -silt.
HTML -koodi kirjutamise kohta lisateabe saamiseks vaadake Kuidas luua lihtsat veebilehte HTML -iga
Samm 2. Sisestage lõigu elemendi nimi jutumärkidesse ja seejärel>
See määrab lõigu tekstielemendile ID, mida saab Javascriptis meelde tuletada. Näiteks,"
".
Võite kasutada ka muid teksti HTML -elemente, näiteks päist {{kbd |
Samm 3. Tüüp
kohe pärast"
silt.
See lisab lõigu HTML -elemendi lõpusildi
Samm 4. Vajutage ↵ Enter
See lisab teie HTML -ile uue rea.
Samm 5. Sisestage ja vajutage. Enter
See on teie Javascripti avamärgend. Kogu Javascripti kodeerimine peaks selle märgendi järel käima.
Samm 6. Tippige document.getElementById
See on JavaScripti kood HTML -elemendi kutsumiseks selle ID järgi.
Samm 7. Sisestage lõigu elemendi ID sulgudes olevatesse jutumärkidesse
Kui teie lõigu element on"
", oleks teie javascripti kood" document.getElementById ("math") ".
Samm 8. Sisestage sulgude järele. InnerHTML =
Seda käsku kasutatakse tekstiväljundite kuvamiseks HTML -elemendi abil.
Samm 9. Sisestage printida soovitud tekst ja seejärel semikoolon (;
).
Saate kuvada teksti, muutujat, numbreid või matemaatilist võrrandit.
Näiteks tippige "document.getElementById (" demo "). InternalHTML = 27 + 33;" trükkida summa 27 + 33
Samm 10. Vajutage ↵ Enter ja tippige
See silt sulgeb teie Javascripti koodi. Sisestage see silt, kui olete lõpetanud, sisestage kõik oma JavaScripti read. Kui laadite HTML -dokumendi veebibrauserisse, prinditakse see HTML -dokumendi sisse.
Meetod 2/4: aknahoiatuse kasutamine
Samm 1. Sisestage oma HTML -dokumendi põhiosa
See on teie Javascripti avamärgend.
Samm 2. Vajutage ↵ Enter ja tippige alert
See on JavaScripti käsk hüpikakna märguande avamiseks.
Samm 3. Sisestage sulgudesse, mida soovite printida
Saate sisestada teksti, muutuja, numbrid või matemaatilise võrrandi. Näiteks "alert (" Hello Sweety! ")", Et kuvada "Hello Sweety!" hüpikaknas.
Samm 4. Lisage semikoolon (;
) lõpus.
See sulgeb teie Javascripti rea. Kogu rida peaks välja nägema umbes selline: "alert (" Hello Sweety! ");".
Samm 5. Vajutage ↵ Enter ja tippige
See silt sulgeb teie Javascripti koodi. Sisestage see silt, kui olete lõpetanud kõigi JavaScripti ridade sisestamise. Kui laadite oma HTML-dokumendi veebibrauserisse, kuvab see hüpikaknas teksti, mida soovite printida.
Samuti saate luua nupu, mis kuvab hüpikaknas prinditud teksti. Selleks tippige nupu tekst
Meetod 3/4: konsoolilogi kasutamine
Samm 1. Sisestage oma HTML -dokumendi põhiosa
See on teie Javascripti avamärgend.
Samm 2. Vajutage ↵ Enter ja tippige console.log
See on konsoolilogi JavaScripti käsk. Konsoolilogi on printimise käsule kõige lähemal tüüpilises kodeerimises. See ei kuva teie veebisaidil teksti, kuid kuvab teksti konsoolis, kui käivitate oma HTML/Javascripti veebibrauseris. See on kasulik silumiseks.
Samm 3. Sisestage sulgudes tekst, mida soovite sisse logida
See võib olla tekst (string), muutuja, numbrid või matemaatiline võrrand. Näiteks console.log (prindin Javascriptiga).
Samm 4. Lisage semikoolon (;
) lõpus.
See sulgeb teie Javascripti rea. Kogu rida peaks välja nägema umbes nagu "nowiki> console.log (prindin Javascriptiga)
Samm 5. Vajutage ↵ Enter ja tippige
See silt sulgeb teie Javascripti koodi. Sisestage see silt, kui olete lõpetanud kõigi JavaScripti ridade sisestamise.
Samm 6. Salvestage oma HTML -dokument
HTML -dokumendi salvestamiseks tehke järgmist.
- Klõpsake nuppu Fail tekstiredaktori või HTML -i redigeerimisprogrammi ülaosas.
- Klõpsake nuppu Salvesta kui.
- Sisestage HTML -dokumendi failinimi.
- Veenduge, et see salvestatakse ".html" dokumendina.
- Klõpsake nuppu Salvesta.
Samm 7. Avage HTML -dokument veebibrauseris
Avage suvaline veebibrauser ja tippige ülaosas oleval aadressiribal HTML -dokumendi faili asukoht. See avab teie veebibrauseris HTML -dokumendi.
Samm 8. Vajutage klahvi F12
See avab teie veebibrauseris arendajarežiimi. Näete uut akent, kus kuvatakse HTML-, CSS- ja Javascripti kood.
Samm 9. Klõpsake konsooli
See asub arendajarežiimi akna ülaosas.
Samm 10. Värskendage oma brauserit
Samm 1. Sisestage HTML -dokumendi põhiosasse <button onclick =
See on ava HTML -märgend, mille abil saate HTML -is nupu luua.
Samm 2. Sisestage "window.print ()"> pärast võrdusmärki (=)
Käsk "window.print ()" on Javascripti käsk veebibrauseri akna sisu printimiseks. Sulg (>) lõpetab HTML -nupu avamärgendi.
Samm 3. Sisestage nupule tekst, mida soovite kasutada
See peaks toimuma kohe pärast sulg (>). Näiteks võite trükkida "Printimiseks klõpsake siin" või midagi sarnast.
Samm 4. Tüüp
See sulgeb HTML -nupu elemendi. Kui renderdate oma HTML -i veebibrauseris, loob see nupu, mida klõpsates saate yoru veebibrauseri sisu printida.
