4 maniere om in Javascript te druk

INHOUDSOPGAWE:

4 maniere om in Javascript te druk
4 maniere om in Javascript te druk

Video: 4 maniere om in Javascript te druk

Video: 4 maniere om in Javascript te druk
Video: 3 Tips to ask question on Stack Overflow the right way to get answers 2024, April
Anonim

In rekenaarprogrammering is Print 'n opdrag wat gebruik word om 'n tipe teks op die skerm te vertoon. Dit kan gebruik word om teks (string), 'n veranderlike, getalle of wiskundige berekeninge te vertoon. Een van die eerste dinge wat baie programmeerders leer, is hoe om 'n afdrukopdrag te gebruik om 'n program te skep wat 'Hello World!' Vertoon. Anders as ander programmeertale, word Javascript in 'n webblaaier weergegee. Javascript het nie 'n eenvoudige afdrukopdrag soos by baie ander tale nie. Daar is egter baie maniere waarop u teks binne die HTML -dokument, 'n waarskuwingsvenster en die konsole kan vertoon. U kan ook Javascript gebruik om vanaf 'n drukker te druk.

Stappe

Metode 1 van 4: Gebruik van InnerHTML

Druk in Javascript Stap 1
Druk in Javascript Stap 1

Stap 1. Tik <p id = in die liggaam van u HTML -dokument

Dit is die eerste HTML -tag vir paragraafteks met 'n spesifieke ID.

Vir meer inligting oor hoe om HTML -kode te skryf, kyk Hoe om 'n eenvoudige webblad met HTML te skep

Druk in Javascript Stap 2
Druk in Javascript Stap 2

Stap 2. Tik 'n naam vir die paragraafelement in aanhalings gevolg deur>

Dit gee die paragraaf -tekselement 'n ID wat in Javascript herroep kan word. Byvoorbeeld,"

".

U kan ook ander teks -HTML -elemente gebruik, soos 'n kop {{kbd |

Druk in Javascript Stap 3
Druk in Javascript Stap 3

Stap 3. Tik

onmiddellik na die"

tag.

Dit voeg 'n slotplaatjie by vir die HTML -element van die eerste paragraaf

Druk in Javascript Stap 4
Druk in Javascript Stap 4

Stap 4. Druk op ↵ Enter

Dit voeg 'n nuwe reël by u HTML.

Druk in Javascript Stap 5
Druk in Javascript Stap 5

Stap 5. Tik en druk op ↵ Enter

Dit is die openingsplaatjie vir u Javascript. Alle Javascript -kodering moet agter hierdie etiket aangaan.

Druk in Javascript Stap 6
Druk in Javascript Stap 6

Stap 6. Tik document.getElementById

Dit is die javascript -kode om 'n HTML -element deur sy ID te noem.

Druk in Javascript Stap 7
Druk in Javascript Stap 7

Stap 7. Tik die ID van die paragraafelement tussen aanhalings tussen hakies

As u paragraafelement"

", sou u javascript -kode" document.getElementById ("wiskunde") "lees.

Druk in Javascript Stap 8
Druk in Javascript Stap 8

Stap 8. Tik. InnerHTML = na die haak

Hierdie opdrag word gebruik om teksuitsette met die HTML -element te vertoon.

Druk in Javascript Stap 9
Druk in Javascript Stap 9

Stap 9. Tik wat u wil druk gevolg deur 'n kommapunt (;

).

U kan teks, 'n veranderlike, getalle of 'n wiskundige vergelyking vertoon.

Tik byvoorbeeld "document.getElementById (" demo "). InnerHTML = 27 + 33;" om die som van 27 + 33 te druk

Druk in Javascript Stap 10
Druk in Javascript Stap 10

Stap 10. Druk ↵ Enter en tik

Hierdie tag sluit u Javascript -kode. Tik hierdie etiket as u klaar is, voer al u reëls van Javascript in. As u die HTML -dokument in 'n webblaaier laai, word dit in die HTML -dokument gedruk.

Metode 2 van 4: Die gebruik van 'n vensterwaarskuwing

Druk in Javascript Stap 11
Druk in Javascript Stap 11

Stap 1. Tik die liggaam van u HTML -dokument in

Dit is die openingsplaatjie vir u Javascript.

Druk in Javascript Stap 12
Druk in Javascript Stap 12

Stap 2. Druk ↵ Enter en tik waarskuwing

Dit is die javascript-opdrag om 'n opspringvenster oop te maak.

Druk in Javascript Stap 13
Druk in Javascript Stap 13

Stap 3. Tik wat u tussen hakies wil druk

U kan teks, 'n veranderlike, getalle of 'n wiskundige vergelyking tik. Byvoorbeeld, "waarskuwing (" Hello Sweety! ")" Om "Hello Sweety!" in 'n opspringvenster.

Druk in Javascript Stap 14
Druk in Javascript Stap 14

Stap 4. Voeg 'n half-dubbelpunt (;

) aan die einde.

Dit sluit u lyn met Javascript. Die hele reël moet ongeveer lyk soos "waarskuwing (" Hallo Sweety! ");".

Druk in Javascript Stap 15
Druk in Javascript Stap 15

Stap 5. Druk ↵ Enter en tik

Hierdie tag sluit u Javascript -kode. Tik hierdie merker as u al u reëls van Javascript ingevoer het. As u u HTML-dokument in 'n webblaaier laai, word die teks wat u wil druk in 'n opspringvenster vertoon.

U kan ook 'n knoppie skep wat gedrukte teks in 'n opspringvenster vertoon. Tik hiervoor "Knoppie -teks"

Metode 3 van 4: Gebruik van konsole -logboek

Druk in Javascript Stap 16
Druk in Javascript Stap 16

Stap 1. Tik die liggaam van u HTML -dokument in

Dit is die openingsplaatjie vir u Javascript.

Druk in Javascript Stap 17
Druk in Javascript Stap 17

Stap 2. Druk ↵ Enter en tik console.log

Dit is die javascript -opdrag vir 'n konsole -logboek. 'N Konsole -logboek is die naaste aan 'n afdrukopdrag in die tipiese kodering. Dit vertoon nie teks op u webblad nie, maar dit bevat wel teks in die konsole wanneer u u HTML/Javascript in 'n webblaaier uitvoer. Dit is handig vir ontfouting.

Druk in Javascript Stap 18
Druk in Javascript Stap 18

Stap 3. Tik die teks waarin u tussen hakies wil aanmeld

Dit kan teks ('n string), 'n veranderlike, getalle of 'n wiskundige vergelyking wees. Byvoorbeeld, console.log (ek druk in Javascript).

Druk in Javascript Stap 19
Druk in Javascript Stap 19

Stap 4. Voeg 'n half-dubbelpunt (;

) aan die einde.

Dit sluit u reël Javascript af. Die hele reël moet ongeveer lyk soos "nowiki> console.log (ek druk in Javascript)

Druk in Javascript Stap 20
Druk in Javascript Stap 20

Stap 5. Druk ↵ Enter en tik

Hierdie merker sluit u Javascript -kode. Tik hierdie merker as u al u reëls van Javascript ingevoer het.

Druk in Javascript Stap 21
Druk in Javascript Stap 21

Stap 6. Stoor u HTML -dokument

Gebruik die volgende stappe om u HTML -dokument te stoor.

  • Klik lêer bo -aan u teksredakteur of HTML -bewerkingsprogram.
  • Klik Stoor as.
  • Tik 'n lêernaam vir die HTML -dokument.
  • Maak seker dat dit gestoor word as 'n ".html" -dokument.
  • Klik Stoor.
Druk in Javascript Stap 22
Druk in Javascript Stap 22

Stap 7. Maak die HTML -dokument in 'n webblaaier oop

Maak 'n webblaaier van u keuse oop en tik die lêer se ligging van die HTML -dokument in die adresbalk bo -aan. Dit sal die HTML -dokument in u webblaaier oopmaak.

Druk in Javascript Stap 23
Druk in Javascript Stap 23

Stap 8. Druk F12

Dit maak die ontwikkelaarmodus oop in u webblaaier. U sien 'n nuwe venster met die HTML-, CSS- en Javascript -kode.

Druk in Javascript Stap 24
Druk in Javascript Stap 24

Stap 9. Klik op Console

Dit is bo -aan die venster ontwikkelaarmodus.

Druk in Javascript Stap 25
Druk in Javascript Stap 25

Stap 10. Herlaai u blaaier

Druk in Javascript Stap 26
Druk in Javascript Stap 26

Stap 1. Tik <knoppie onclick = in die liggaam van u HTML -dokument

Dit is die eerste HTML -tag om 'n knoppie in u HTML te skep.

Druk in Javascript Stap 27
Druk in Javascript Stap 27

Stap 2. Tik "window.print ()"> na die gelyke (=) teken

Die opdrag "window.print ()" is die Javascript -opdrag om die inhoud van u webblaaiervenster te druk. Die hakie (>) maak die openingsteken van die HTML -knoppie klaar.

Druk in Javascript Stap 28
Druk in Javascript Stap 28

Stap 3. Tik die teks wat u wil in die knoppie

Dit moet direk na die hakie (>) verskyn. U kan byvoorbeeld 'Klik hier om te druk' of iets soortgelyks tik.

Druk in Javascript Stap 29
Druk in Javascript Stap 29

Stap 4. Tik

Dit sluit die HTML -knoppie -element uit. As u u HTML in 'n webblaaier weergee, sal dit 'n knoppie skep waarop u kan klik om die inhoud van u webblaaier te druk.

Aanbeveel: