4 veidi, kā drukāt Javascript

Satura rādītājs:

4 veidi, kā drukāt Javascript
4 veidi, kā drukāt Javascript

Video: 4 veidi, kā drukāt Javascript

Video: 4 veidi, kā drukāt Javascript
Video: Так мужчина дает вам понять, что хочет только секса и отношения ему не нужны 2024, Aprīlis
Anonim

Datorprogrammēšanā Print ir komanda, ko izmanto, lai ekrānā parādītu kāda veida tekstu. To var izmantot, lai parādītu tekstu (virkni), mainīgo, skaitļus vai matemātiskus aprēķinus. Viena no pirmajām lietām, ko daudzi programmētāji iemācās, ir izmantot drukāšanas komandu, lai izveidotu programmu, kas parāda “Hello World!”. Atšķirībā no citām programmēšanas valodām, Javascript tiek atveidots tīmekļa pārlūkprogrammā. Javascript nav vienkāršas drukāšanas komandas, tāpat kā daudzās citās valodās. Tomēr ir daudz veidu, kā parādīt tekstu HTML dokumentā, brīdinājuma logā vai konsolē. Varat arī izmantot Javascript, lai drukātu no printera.

Soļi

1. metode no 4: InnerHTML izmantošana

Drukājiet Javascript 1. darbībā
Drukājiet Javascript 1. darbībā

1. solis. HTML dokumenta pamattekstā ierakstiet <p id =

Šis ir HTML teksta sākuma tags ar noteiktu ID.

Lai iegūtu papildinformāciju par HTML koda rakstīšanu, skatiet rakstu Kā izveidot vienkāršu tīmekļa lapu ar HTML

Drukājiet Javascript 2. solī
Drukājiet Javascript 2. solī

2. solis. Ierakstiet rindkopas elementa nosaukumu pēdiņās, kam seko>

Tādējādi rindkopas teksta elementam tiek piešķirts ID, kuru var atsaukt Javascript. Piemēram,"

".

Varat izmantot arī citus teksta HTML elementus, piemēram, galveni {{kbd |

Drukājiet Javascript 3. solī
Drukājiet Javascript 3. solī

3. solis. Ierakstiet

tūlīt pēc"

atzīme.

Tādējādi tiek pievienots sākuma punkta HTML elementa noslēguma tags

Drukājiet Javascript 4. solī
Drukājiet Javascript 4. solī

4. solis. Nospiediet. Enter

Tādējādi jūsu HTML tiek pievienota jauna rinda.

Drukājiet Javascript 5. solī
Drukājiet Javascript 5. solī

5. solis. Ierakstiet un nospiediet. Enter

Šis ir jūsu Javascript sākuma tags. Visai Javascript kodēšanai vajadzētu būt aiz šī taga.

Drukājiet Javascript 6. darbībā
Drukājiet Javascript 6. darbībā

6. solis. Ierakstiet document.getElementById

Šis ir javascript kods, lai izsauktu HTML elementu pēc tā ID.

Drukājiet Javascript 7. darbībā
Drukājiet Javascript 7. darbībā

7. solis. Ierakstiet rindkopas elementa pēdiņas iekavās

Ja jūsu rindkopas elements ir"

", jūsu javascript kods būtu" document.getElementById ("math") ".

Drukājiet Javascript 8. solī
Drukājiet Javascript 8. solī

8. solis. Pēc iekavām ierakstiet. InnerHTML =

Šī komanda tiek izmantota, lai parādītu teksta izvadi, izmantojot HTML elementu.

Drukājiet Javascript 9. solī
Drukājiet Javascript 9. solī

9. solis. Ierakstiet, ko vēlaties drukāt, kam seko semikols (;

).

Varat parādīt tekstu, mainīgo, skaitļus vai matemātisku vienādojumu.

Piemēram, ierakstiet "document.getElementById (" demo "). InternalHTML = 27 + 33;" izdrukāt summu 27 + 33

Drukājiet Javascript 10. solī
Drukājiet Javascript 10. solī

10. solis. Nospiediet ↵ Enter un ierakstiet

Šis tags aizver jūsu Javascript kodu. Ievadiet šo tagu, kad esat pabeidzis, ievadiet visas savas JavaScript rindas. Ievietojot HTML dokumentu tīmekļa pārlūkprogrammā, tas tiks drukāts HTML dokumenta iekšpusē.

2. metode no 4: loga brīdinājuma izmantošana

Drukājiet Javascript 11. solī
Drukājiet Javascript 11. solī

1. solis. Ierakstiet HTML dokumenta pamattekstu

Šis ir jūsu Javascript sākuma tags.

Drukājiet Javascript 12. darbībā
Drukājiet Javascript 12. darbībā

2. solis. Nospiediet ↵ Ievadiet un ierakstiet brīdinājumu

Šī ir javascript komanda, lai atvērtu uznirstošo logu brīdinājumu.

Drukājiet Javascript 13. darbībā
Drukājiet Javascript 13. darbībā

3. solis. Iekavās ierakstiet, ko vēlaties drukāt

Varat ierakstīt tekstu, mainīgo, skaitļus vai matemātisku vienādojumu. Piemēram, "alert (" Hello Sweety! ")", Lai parādītu "Hello Sweety!" uznirstošajā logā.

Drukājiet Javascript 14. darbībā
Drukājiet Javascript 14. darbībā

4. solis. Pievienojiet semikolu (;

) beigās.

Tas aizver jūsu Javascript rindu. Visai rindai vajadzētu izskatīties apmēram šādi: "brīdinājums (" Labdien, Sweety! ");".

Drukājiet Javascript 15. solī
Drukājiet Javascript 15. solī

5. solis. Nospiediet ↵ Enter un ierakstiet

Šis tags aizver jūsu Javascript kodu. Ievadiet šo tagu, kad esat pabeidzis ievadīt visas savas JavaScript rindas. Ievietojot HTML dokumentu tīmekļa pārlūkprogrammā, uznirstošajā logā tiks parādīts teksts, kuru vēlaties drukāt.

Varat arī izveidot pogu, kas uznirstošajā logā parāda drukātu tekstu. Lai to izdarītu, ierakstiet “Pogas teksts”

3. metode no 4: konsoles žurnāla izmantošana

Drukājiet Javascript 16. darbībā
Drukājiet Javascript 16. darbībā

1. solis. Ierakstiet HTML dokumenta pamattekstu

Šis ir jūsu Javascript sākuma tags.

Drukājiet Javascript 17. solī
Drukājiet Javascript 17. solī

2. solis. Nospiediet ↵ Enter un ierakstiet console.log

Šī ir JavaScript komanda konsoles žurnālam. Konsoles žurnāls ir vistuvāk komandai Drukāt tipiskā kodēšanas nozīmē. Tas nerāda tekstu jūsu tīmekļa lapā, bet tas parāda tekstu konsolē, kad palaižat HTML/Javascript tīmekļa pārlūkprogrammā. Tas ir noderīgi atkļūdošanai.

Drukājiet Javascript 18. solī
Drukājiet Javascript 18. solī

Solis 3. Ierakstiet iekavās tekstu, kuru vēlaties pieteikt

Tas var būt teksts (virkne), mainīgais, skaitļi vai matemātiskais vienādojums. Piemēram, console.log (es drukāju Javascript).

Drukājiet Javascript 19. solī
Drukājiet Javascript 19. solī

4. solis. Pievienojiet semikolu (;

) beigās.

Tas aizver jūsu Javascript rindu. Visai rindai vajadzētu izskatīties apmēram šādi: "nowiki> console.log (es drukāju Javascript)

Drukājiet Javascript 20. solī
Drukājiet Javascript 20. solī

5. solis. Nospiediet ↵ Enter un ierakstiet

Šis tags aizver jūsu Javascript kodu. Ievadiet šo tagu, kad esat pabeidzis ievadīt visas savas JavaScript rindas.

Drukājiet Javascript 21. solī
Drukājiet Javascript 21. solī

6. solis. Saglabājiet savu HTML dokumentu

Lai saglabātu HTML dokumentu, veiciet tālāk norādītās darbības.

  • Klikšķis Fails teksta redaktora vai HTML rediģēšanas programmas augšdaļā.
  • Klikšķis Saglabāt kā.
  • Ierakstiet HTML dokumenta faila nosaukumu.
  • Pārliecinieties, ka tas tiek saglabāts kā ".html" dokuments.
  • Klikšķis Saglabāt.
Drukājiet Javascript 22. solī
Drukājiet Javascript 22. solī

7. solis. Atveriet HTML dokumentu tīmekļa pārlūkprogrammā

Atveriet jebkuru izvēlēto tīmekļa pārlūkprogrammu un adreses joslā augšpusē ierakstiet HTML dokumenta faila atrašanās vietu. Tādējādi jūsu tīmekļa pārlūkprogrammā tiks atvērts HTML dokuments.

Drukājiet Javascript 23. solī
Drukājiet Javascript 23. solī

8. solis. Nospiediet F12

Tādējādi jūsu tīmekļa pārlūkprogrammā tiek atvērts izstrādātāja režīms. Jūs redzēsit jaunu logu ar HTML, CSS un Javascript kodu.

Drukājiet Javascript 24. solī
Drukājiet Javascript 24. solī

9. solis. Noklikšķiniet uz Konsole

Tas atrodas izstrādātāja režīma loga augšdaļā.

Drukājiet Javascript 25. solī
Drukājiet Javascript 25. solī

10. solis. Atsvaidziniet pārlūkprogrammu

Drukājiet Javascript 26. darbībā
Drukājiet Javascript 26. darbībā

1. solis. HTML dokumenta pamattekstā ierakstiet <button onclick =

Šis ir sākuma HTML tags, lai izveidotu pogu savā HTML.

Drukājiet Javascript 27. darbībā
Drukājiet Javascript 27. darbībā

2. solis. Pēc vienādības (=) zīmes ierakstiet "window.print ()">

Komanda "window.print ()" ir Javascript komanda, lai izdrukātu tīmekļa pārlūkprogrammas loga saturu. Kronšteins (>) pabeidz HTML pogas sākuma tagu.

Drukājiet Javascript 28. solī
Drukājiet Javascript 28. solī

Solis 3. Ierakstiet tekstā pogu, kuru vēlaties ievadīt

Tam vajadzētu būt tūlīt pēc iekavas (>). Piemēram, varat ierakstīt “Noklikšķiniet šeit, lai drukātu” vai kaut ko līdzīgu.

Drukājiet Javascript 29. solī
Drukājiet Javascript 29. solī

4. solis. Ierakstiet

Tādējādi tiek aizvērts HTML pogas elements. Atveidojot HTML tīmekļa pārlūkprogrammā, tiks izveidota poga, uz kuras varat noklikšķināt, lai izdrukātu yoru tīmekļa pārlūkprogrammas saturu.

Ieteicams: