I computerprogrammering er Print en kommando, der bruges til at vise en slags tekst på skærmen. Det kan bruges til at vise tekst (streng), en variabel, tal eller matematiske beregninger. En af de første ting, mange programmerere lærer, er, hvordan man bruger en Print -kommando til at oprette et program, der viser "Hello World!". I modsætning til andre programmeringssprog gengives Javascript i en webbrowser. Javascript har ikke en simpel udskrivningskommando som mange andre sprog har. Der er dog mange måder, du kan vise tekst på enten i HTML -dokumentet, i et advarselsvindue, på konsollen. Du kan også bruge Javascript til at udskrive fra en printer.
Trin
Metode 1 af 4: Brug af InnerHTML
Trin 1. Skriv <p id = i brødteksten i dit HTML -dokument
Dette er det første HTML -tag til afsnitstekst med et specifikt id.
For mere information om, hvordan du skriver HTML -kode, kan du se Sådan oprettes en simpel webside med HTML
Trin 2. Skriv et navn på afsnitselementet i anførselstegn efterfulgt af>
Dette tildeler afsnittet tekstelement et ID, der kan genkaldes i Javascript. For eksempel,"
".
Du kan også bruge andre tekst -HTML -elementer, f.eks. Et overskrift {{kbd |
Trin 3. Skriv
umiddelbart efter"
tag.
Dette tilføjer et lukkemærke til HTML -elementet i det indledende afsnit
Trin 4. Tryk på ↵ Enter
Dette tilføjer en ny linje til din HTML.
Trin 5. Skriv og tryk på ↵ Enter
Dette er åbningstagget til dit Javascript. Al Javascript -kodning skal gå efter dette mærke.
Trin 6. Skriv document.getElementById
Dette er javascript -koden til at kalde et HTML -element ved hjælp af dets id.
Trin 7. Skriv ID'et for afsnitselementet i anførselstegn inden for parentes
Hvis dit afsnitselement er"
", ville din javascript -kode læse" document.getElementById ("matematik") ".
Trin 8. Skriv. InnerHTML = efter parentesen
Denne kommando bruges til at vise tekstoutput ved hjælp af HTML -elementet.
Trin 9. Skriv det, du vil udskrive efterfulgt af et semikolon (;
).
Du kan vise tekst, en variabel, tal eller en matematisk ligning.
Skriv f.eks. "Document.getElementById (" demo "). InnerHTML = 27 + 33;" for at udskrive summen af 27 + 33
Trin 10. Tryk på ↵ Enter, og skriv
Dette tag lukker din Javascript -kode. Indtast dette mærke, når du er færdig, indtast alle dine linjer med Javascript. Når du indlæser HTML -dokumentet i en webbrowser, udskrives det inde i HTML -dokumentet.
Metode 2 af 4: Brug af en vinduesadvarsel
Trin 1. Indtast brødteksten i dit HTML -dokument
Dette er åbningstagget til dit Javascript.
Trin 2. Tryk på ↵ Enter, og skriv advarsel
Dette er javascript-kommandoen for at åbne en pop-up-vindue-advarsel.
Trin 3. Indtast det, du vil udskrive i parentes
Du kan skrive tekst, en variabel, tal eller en matematisk ligning. For eksempel "advarsel (" Hej Sweety! ")" For at vise "Hello Sweety!" i et pop op-vindue.
Trin 4. Tilføj en semikolon (;
) i slutningen.
Dette lukker din linje med Javascript. Hele linjen skal se sådan ud som "alert (" Hello Sweety! ");".
Trin 5. Tryk på ↵ Enter, og skriv
Dette tag lukker din Javascript -kode. Skriv dette mærke, når du er færdig med at indtaste alle dine linjer i Javascript. Når du indlæser dit HTML-dokument i en webbrowser, viser det den tekst, du vil udskrive, i et pop-up-vindue.
Du kan også oprette en knap, der viser udskrevet tekst i et pop op-vindue. For at gøre det skal du skrive "Knaptekst"
Metode 3 af 4: Brug af konsollog
Trin 1. Indtast brødteksten i dit HTML -dokument
Dette er åbningstagget til dit Javascript.
Trin 2. Tryk på ↵ Enter, og indtast console.log
Dette er javascript -kommandoen til en konsollog. En konsollog er det tætteste på en Print -kommando i den typiske kodningsforstand. Det viser ikke tekst på din webside, men det viser tekst inde i konsollen, når du kører dit HTML/Javascript i en webbrowser. Dette er nyttigt til fejlfinding.
Trin 3. Skriv den tekst, du vil logge i parentes
Det kan være tekst (en streng), en variabel, tal eller en matematisk ligning. For eksempel console.log (jeg udskriver i Javascript).
Trin 4. Tilføj en semikolon (;
) i slutningen.
Dette lukker din linje med Javascript. Hele linjen skal ligne noget på "nowiki> console.log (jeg udskriver i Javascript)
Trin 5. Tryk på ↵ Enter, og skriv
Dette tag lukker din Javascript -kode. Skriv dette mærke, når du er færdig med at indtaste alle dine linjer i Javascript.
Trin 6. Gem dit HTML -dokument
Brug følgende trin til at gemme dit HTML -dokument.
- Klik på Fil øverst i dit tekstredigeringsprogram eller HTML -redigeringsprogram.
- Klik på Gem som.
- Indtast et filnavn for HTML -dokumentet.
- Sørg for, at det gemmes som et ".html" -dokument.
- Klik på Gemme.
Trin 7. Åbn HTML -dokumentet i en webbrowser
Åbn en hvilken som helst webbrowser efter eget valg, og indtast filplaceringen af HTML -dokumentet i adresselinjen øverst. Dette åbner HTML -dokumentet i din webbrowser.
Trin 8. Tryk på F12
Dette åbner udviklertilstand i din webbrowser. Du vil se et nyt vindue med HTML-, CSS- og Javascript -koden vist.
Trin 9. Klik på Konsol
Det er øverst i vinduet udviklertilstand.
Trin 10. Opdater din browser
Trin 1. Skriv <knap onclick = i brødteksten i dit HTML -dokument
Dette er det åbne HTML -tag for at oprette en knap i din HTML.
Trin 2. Skriv "window.print ()"> efter lighedstegnet (=)
Kommandoen "window.print ()" er Javascript -kommandoen til at udskrive indholdet i dit webbrowservindue. Beslaget (>) afslutter åbningstagget på HTML -knappen.
Trin 3. Skriv den tekst, du vil gå i knappen
Dette skal gå lige efter beslaget (>). For eksempel kan du skrive "Klik her for at udskrive" eller noget lignende.
Trin 4. Skriv
Dette lukker HTML -knapelementet. Når du gengiver din HTML i en webbrowser, opretter den en knap, du kan klikke på for at udskrive indholdet i din yoru -webbrowser.