I dataprogrammering er Print en kommando som brukes til å vise en teksttype på skjermen. Den kan brukes til å vise tekst (streng), en variabel, tall eller matematiske beregninger. En av de første tingene mange programmerere lærer, er hvordan man bruker en Print -kommando til å lage et program som viser "Hello World!". I motsetning til andre programmeringsspråk gjengis Javascript i en nettleser. Javascript har ikke en enkel utskriftskommando som mange andre språk gjør. Det er imidlertid mange måter du kan vise tekst på enten i HTML -dokumentet, i et varselvindu, på konsollen. Du kan også bruke Javascript til å skrive ut fra en skriver.
Trinn
Metode 1 av 4: Bruke InnerHTML
Trinn 1. Skriv <p id = i brødteksten i HTML -dokumentet
Dette er den første HTML -taggen for avsnittstekst med en bestemt ID.
For mer informasjon om hvordan du skriver HTML -kode, sjekk ut Hvordan lage en enkel webside med HTML
Trinn 2. Skriv inn et navn på avsnittselementet i anførselstegn etterfulgt av>
Dette tilordner avsnittstekstelementet en ID som kan hentes tilbake i Javascript. For eksempel,"
".
Du kan også bruke andre tekst -HTML -elementer, for eksempel en overskrift {{kbd |
Trinn 3. Skriv
umiddelbart etter"
stikkord.
Dette legger til en avsluttende tag for HTML -elementet i det innledende avsnittet
Trinn 4. Trykk på ↵ Enter
Dette legger til en ny linje i HTML -koden din.
Trinn 5. Skriv inn og trykk på ↵ Enter
Dette er åpningstaggen for Javascript. All Javascript -koding bør gå etter denne taggen.
Trinn 6. Skriv document.getElementById
Dette er javascript -koden for å kalle et HTML -element med sin ID.
Trinn 7. Skriv inn ID -en til avsnittselementet i anførselstegn innenfor parentes
Hvis avsnittselementet ditt er"
", ville javascript -koden din lese" document.getElementById ("matematikk") ".
Trinn 8. Skriv. InnerHTML = etter parentesen
Denne kommandoen brukes til å vise tekstutganger ved hjelp av HTML -elementet.
Trinn 9. Skriv inn det du vil skrive ut etterfulgt av et semikolon (;
).
Du kan vise tekst, en variabel, tall eller en matematisk ligning.
Skriv for eksempel "document.getElementById (" demo "). InnerHTML = 27 + 33;" for å skrive ut summen av 27 + 33
Trinn 10. Trykk på ↵ Enter og skriv inn
Denne taggen lukker Javascript -koden din. Skriv inn denne taggen når du er ferdig, skriv inn alle linjene i Javascript. Når du laster HTML -dokumentet i en nettleser, skrives det ut inne i HTML -dokumentet.
Metode 2 av 4: Bruke en vindusvarsel
Trinn 1. Skriv inn brødteksten i HTML -dokumentet
Dette er åpningstaggen for Javascript.
Trinn 2. Trykk på ↵ Enter og skriv varsel
Dette er javascript-kommandoen for å åpne et popup-vinduvarsel.
Trinn 3. Skriv inn det du vil skrive ut i parentes
Du kan skrive tekst, en variabel, tall eller en matematisk ligning. For eksempel, "varsling (" Hello Sweety! ")" For å vise "Hello Sweety!" i et popup-vindu.
Trinn 4. Tilsett et semikolon (;
) på slutten.
Dette lukker linjen din med Javascript. Hele linjen skal se ut som "alert (" Hello Sweety! ");".
Trinn 5. Trykk på ↵ Enter og skriv
Denne taggen lukker Javascript -koden din. Skriv inn denne taggen når du er ferdig med å skrive inn alle linjene i Javascript. Når du laster HTML-dokumentet i en nettleser, viser det teksten du vil skrive ut i et popup-vindu.
Du kan også opprette en knapp som viser trykt tekst i et popup-vindu. For å gjøre det, skriver du "Knapptekst"
Metode 3 av 4: Bruke konsollogg
Trinn 1. Skriv inn brødteksten i HTML -dokumentet
Dette er åpningstaggen for Javascript.
Trinn 2. Trykk på ↵ Enter og skriv console.log
Dette er javascript -kommandoen for en konsollogg. En konsollogg er det nærmeste en Print -kommando i typisk kodende forstand. Den viser ikke tekst på nettsiden din, men den viser tekst inne i konsollen når du kjører HTML/Javascript i en nettleser. Dette er nyttig for feilsøking.
Trinn 3. Skriv inn teksten du vil logge inn i parentes
Det kan være tekst (en streng), en variabel, tall eller en matematisk ligning. For eksempel console.log (jeg skriver ut i Javascript).
Trinn 4. Tilsett et semikolon (;
) på slutten.
Dette lukker linjen din med Javascript. Hele linjen skal se ut som "nowiki> console.log (jeg skriver ut i Javascript)
Trinn 5. Trykk på ↵ Enter og skriv
Denne taggen lukker Javascript -koden din. Skriv inn denne taggen når du er ferdig med å skrive inn alle linjene i Javascript.
Trinn 6. Lagre HTML -dokumentet
Bruk følgende trinn for å lagre HTML -dokumentet.
- Klikk Fil øverst i tekstredigeringsprogrammet eller HTML -redigeringsprogrammet.
- Klikk Lagre som.
- Skriv inn et filnavn for HTML -dokumentet.
- Sørg for at den lagres som et ".html" -dokument.
- Klikk Lagre.
Trinn 7. Åpne HTML -dokumentet i en nettleser
Åpne hvilken som helst nettleser du ønsker, og skriv inn filplasseringen til HTML -dokumentet i adressefeltet øverst. Dette åpner HTML -dokumentet i nettleseren din.
Trinn 8. Trykk på F12
Dette åpner utviklermodus i nettleseren din. Du vil se et nytt vindu med HTML-, CSS- og Javascript -koden vist.
Trinn 9. Klikk på Konsoll
Det er øverst i utviklermodusvinduet.
Trinn 10. Oppdater nettleseren
Trinn 1. Skriv <knapp onclick = i brødteksten i HTML -dokumentet
Dette er den åpne HTML -taggen for å lage en knapp i HTML -koden din.
Trinn 2. Skriv inn "window.print ()"> etter likhetstegnet (=)
Kommandoen "window.print ()" er Javascript -kommandoen for å skrive ut innholdet i nettleservinduet. Braketten (>) fullfører åpningstaggen til HTML -knappen.
Trinn 3. Skriv inn teksten du vil skrive i knappen
Dette skal gå rett etter braketten (>). For eksempel kan du skrive "Klikk her for å skrive ut" eller noe lignende.
Trinn 4. Skriv
Dette lukker HTML -knappelementet. Når du gjengir HTML -koden din i en nettleser, vil den opprette en knapp du kan klikke for å skrive ut innholdet i yoru -nettleseren.