V računalniškem programiranju je tisk ukaz za prikaz neke vrste besedila na zaslonu. Uporablja se lahko za prikaz besedila (niza), spremenljivke, številk ali matematičnih izračunov. Ena od prvih stvari, ki se jih mnogi programerji naučijo, je, kako z ukazom Print natisniti program, ki prikaže "Hello World!". Za razliko od drugih programskih jezikov je Javascript upodobljen v spletnem brskalniku. Javascript nima preprostega ukaza za tiskanje kot mnogi drugi jeziki. Vendar pa obstaja veliko načinov, kako lahko prikažete besedilo v dokumentu HTML, v oknu z opozorilom ali v konzoli. Za tiskanje iz tiskalnika lahko uporabite tudi Javascript.
Koraki
Metoda 1 od 4: Uporaba InnerHTML
Korak 1. V telo dokumenta HTML vnesite <p id =
To je začetna oznaka HTML za besedilo odstavka z določenim ID -jem.
Za več informacij o tem, kako napisati kodo HTML, si oglejte Kako ustvariti preprosto spletno stran s HTML
Korak 2. Vnesite ime elementa odstavka v narekovaje, ki mu sledi>
S tem se besedilnemu elementu odstavka dodeli ID, ki ga je mogoče priklicati v Javascript. Na primer,"
".
Uporabite lahko tudi druge besedilne elemente HTML, na primer glavo {{kbd |
Korak 3. Vnesite
takoj po"
oznaka.
To doda zaključno oznako za element HTML začetnega odstavka
Korak 4. Pritisnite ↵ Enter
To dodaja novo vrstico v vaš HTML.
Korak 5. Vnesite in pritisnite ↵ Enter
To je začetna oznaka za vaš Javascript. Za to oznako bi moralo iti vse kodiranje Javascript.
Korak 6. Vnesite document.getElementById
To je koda javascript za klicanje elementa HTML po njegovem ID -ju.
Korak 7. Vnesite ID odstavka v narekovaje v oklepaju
Če je element odstavka"
", vaša koda javascript bi se glasila" document.getElementById ("math") ".
Korak 8. Vnesite. InnerHTML = za oklepajem
Ta ukaz se uporablja za prikaz besedilnih izhodov z elementom HTML.
Korak 9. Vnesite tisto, kar želite natisniti, čemur sledi podpičje (;
).
Prikažete lahko besedilo, spremenljivko, številke ali matematično enačbo.
Na primer, vnesite "document.getElementById (" demo "). InnerHTML = 27 + 33;" natisniti vsoto 27 + 33
Korak 10. Pritisnite ↵ Enter in vnesite
Ta oznaka zapre vašo kodo Javascript. Ko končate, vnesite to oznako in vnesite vse vrstice Javascripta. Ko naložite dokument HTML v spletni brskalnik, se bo natisnil v dokumentu HTML.
Metoda 2 od 4: Uporaba opozorila o oknu
Korak 1. Vnesite telo HTML dokumenta
To je začetna oznaka za vaš Javascript.
Korak 2. Pritisnite ↵ Enter in vnesite alert
To je ukaz javascript za odpiranje opozorila o pojavnem oknu.
Korak 3. V oklepaju vnesite tisto, kar želite natisniti
Vnesete lahko besedilo, spremenljivko, številke ali matematično enačbo. Na primer, "alert (" Hello Sweety! ")" Za prikaz "Hello Sweety!" v pojavnem oknu.
Korak 4. Dodajte podpičje (;
) na koncu.
S tem zaprete vrstico Javascript. Celotna vrstica bi morala izgledati nekako kot "alert (" Hello Sweety! ");".
Korak 5. Pritisnite ↵ Enter in vnesite
Ta oznaka zapre vašo kodo Javascript. Ko vnesete vse vrstice Javascripta, vnesite to oznako. Ko naložite dokument HTML v spletni brskalnik, bo v pojavnem oknu prikazano besedilo, ki ga želite natisniti.
Ustvarite lahko tudi gumb, ki prikaže natisnjeno besedilo v pojavnem oknu. Če želite to narediti, vnesite "Besedilo gumba"
Metoda 3 od 4: Uporaba dnevnika konzole
Korak 1. Vnesite telo HTML dokumenta
To je začetna oznaka za vaš Javascript.
Korak 2. Pritisnite ↵ Enter in vnesite console.log
To je ukaz javascript za dnevnik konzole. Dnevnik ukazne mize je v tipičnem kodiranju najbližje ukazu Print. Ne prikaže besedila na vaši spletni strani, vendar prikaže besedilo znotraj konzole, ko zaženete HTML/Javascript v spletnem brskalniku. To je uporabno za odpravljanje napak.
Korak 3. Vnesite besedilo, ki ga želite prijaviti v oklepaju
Lahko je besedilo (niz), spremenljivka, številke ali matematična enačba. Na primer console.log (tiskam v Javascript).
Korak 4. Dodajte podpičje (;
) na koncu.
S tem zaprete vrstico Javascript. Celotna vrstica bi morala izgledati nekako kot "nowiki> console.log (tiskam v Javascript)
Korak 5. Pritisnite ↵ Enter in vnesite
Ta oznaka zapre vašo kodo Javascript. Ko vnesete vse vrstice Javascripta, vnesite to oznako.
Korak 6. Shranite dokument HTML
Za shranjevanje dokumenta HTML uporabite naslednje korake.
- Kliknite mapa na vrhu urejevalnika besedil ali programa za urejanje HTML.
- Kliknite Shrani kot.
- Vnesite ime datoteke za dokument HTML.
- Poskrbite, da bo shranjen kot dokument ».html«.
- Kliknite Shrani.
Korak 7. Odprite dokument HTML v spletnem brskalniku
Odprite kateri koli spletni brskalnik po vaši izbiri in v naslovno vrstico na vrhu vnesite mesto datoteke dokumenta HTML. To bo odprlo dokument HTML v vašem spletnem brskalniku.
Korak 8. Pritisnite F12
S tem se v brskalniku odpre način za razvijalce. Videli boste novo okno s kodo HTML, CSS in Javascript.
Korak 9. Kliknite Console
Nahaja se na vrhu okna za način razvijalca.
Korak 10. Osvežite brskalnik
Korak 1. V telo dokumenta HTML vnesite <button onclick =
To je začetna oznaka HTML za ustvarjanje gumba v HTML -ju.
Korak 2. Za znakom enako (=) vnesite "window.print ()">
Ukaz "window.print ()" je ukaz Javascript za tiskanje vsebine okna vašega spletnega brskalnika. Oklepaj (>) zaključi začetno oznako gumba HTML.
Korak 3. V gumb vnesite besedilo, ki ga želite uporabiti
To bi moralo iti takoj za oklepajem (>). Na primer, lahko vnesete "Kliknite tukaj za tiskanje" ali kaj podobnega.
Korak 4. Vnesite
S tem se zapre element gumba HTML. Ko upodobite svoj HTML v spletnem brskalniku, bo ustvaril gumb, ki ga lahko kliknete, da natisnete vsebino spletnega brskalnika yoru.