4 načina štampanja u Javascript -u

Sadržaj:

4 načina štampanja u Javascript -u
4 načina štampanja u Javascript -u

Video: 4 načina štampanja u Javascript -u

Video: 4 načina štampanja u Javascript -u
Video: ЭТО ЖЕ CRYSIS 1 2024, Marš
Anonim

U računarskom programiranju Print je komanda koja se koristi za prikaz neke vrste teksta na ekranu. Može se koristiti za prikaz teksta (niza), varijable, brojeva ili matematičkih izračuna. Jedna od prvih stvari koju mnogi programeri nauče je kako koristiti naredbu Print za kreiranje programa koji prikazuje "Hello World!". Za razliku od drugih programskih jezika, Javascript se prikazuje unutar web preglednika. Javascript nema jednostavnu naredbu za ispis kao i mnogi drugi jezici. Međutim, postoji mnogo načina na koje možete prikazati tekst bilo u HTML dokumentu, prozoru upozorenja, konzoli. Takođe možete koristiti Javascript za štampanje sa štampača.

Koraci

Metoda 1 od 4: Korištenje InnerHTML -a

Štampajte u Javascriptu Korak 1
Štampajte u Javascriptu Korak 1

Korak 1. Unesite <p id = u tijelo HTML dokumenta

Ovo je početna HTML oznaka za tekst odlomka s određenim ID -om.

Više informacija o pisanju HTML koda potražite u članku Kako stvoriti jednostavnu web stranicu s HTML -om

Štampajte u Javascriptu Korak 2
Štampajte u Javascriptu Korak 2

Korak 2. Unesite naziv elementa odlomka pod navodnike nakon čega slijedi>

Ovo dodjeljuje tekstualnom elementu paragrafa ID koji se može pozvati u Javascriptu. Na primjer,"

".

Možete koristiti i druge HTML tekstualne elemente, poput zaglavlja {{kbd |

Štampajte u Javascriptu Korak 3
Štampajte u Javascriptu Korak 3

Korak 3. Ukucajte

odmah nakon"

tag.

Ovo dodaje završnu oznaku za HTML element početnog paragrafa

Štampajte u Javascriptu Korak 4
Štampajte u Javascriptu Korak 4

Korak 4. Pritisnite ↵ Enter

Ovo dodaje novu liniju vašem HTML -u.

Štampajte u Javascriptu Korak 5
Štampajte u Javascriptu Korak 5

Korak 5. Upišite i pritisnite ↵ Enter

Ovo je početna oznaka za vaš Javascript. Sve Javascript kodiranje treba ići nakon ove oznake.

Štampajte u Javascriptu Korak 6
Štampajte u Javascriptu Korak 6

Korak 6. Upišite document.getElementById

Ovo je javascript kod za pozivanje HTML elementa prema njegovom ID -u.

Štampajte u Javascriptu Korak 7
Štampajte u Javascriptu Korak 7

Korak 7. Unesite ID paragrafa pod navodnike unutar zagrada

Ako je element odlomka"

", vaš javascript kôd bi glasio" document.getElementById ("math") ".

Štampajte u Javascriptu Korak 8
Štampajte u Javascriptu Korak 8

Korak 8. Upišite. InnerHTML = iza zagrade

Ova naredba se koristi za prikaz izlaznih teksta pomoću HTML elementa.

Štampajte u Javascriptu Korak 9
Štampajte u Javascriptu Korak 9

Korak 9. Otkucajte ono što želite da odštampate, a zatim zarez i zarez (;

).

Možete prikazati tekst, varijablu, brojeve ili matematičku jednadžbu.

Na primjer, upišite "document.getElementById (" demo "). InnerHTML = 27 + 33;" da odštampate zbir 27 + 33

Štampajte u Javascriptu Korak 10
Štampajte u Javascriptu Korak 10

Korak 10. Pritisnite ↵ Enter i upišite

Ova oznaka zatvara vaš Javascript kôd. Upišite ovu oznaku kada završite, unesite sve svoje redove Javascripta. Kada učitate HTML dokument u web preglednik, on će se ispisati unutar HTML dokumenta.

Metoda 2 od 4: Korištenje upozorenja prozora

Štampajte u Javascriptu Korak 11
Štampajte u Javascriptu Korak 11

Korak 1. Ukucajte tijelo HTML dokumenta

Ovo je početna oznaka za vaš Javascript.

Štampajte u Javascriptu Korak 12
Štampajte u Javascriptu Korak 12

Korak 2. Pritisnite ↵ Enter i upišite alert

Ovo je javascript naredba za otvaranje upozorenja iskačućeg prozora.

Štampajte u Javascriptu Korak 13
Štampajte u Javascriptu Korak 13

Korak 3. Unesite ono što želite da odštampate u zagradi

Možete upisati tekst, varijablu, brojeve ili matematičku jednadžbu. Na primjer, "alert (" Hello Sweety! ")" Za prikaz "Hello Sweety!" u iskačućem prozoru.

Štampajte u Javascriptu Korak 14
Štampajte u Javascriptu Korak 14

Korak 4. Dodajte točku-zarez (;

) na kraju.

Ovo zatvara vašu liniju Javascripta. Cijela linija bi trebala izgledati poput "alert (" Zdravo Sweety! ");".

Štampajte u Javascriptu Korak 15
Štampajte u Javascriptu Korak 15

Korak 5. Pritisnite ↵ Enter i upišite

Ova oznaka zatvara vaš Javascript kôd. Upišite ovu oznaku kada završite s unosom svih svojih redova Javascripta. Kada učitate svoj HTML dokument u web preglednik, on će prikazati tekst koji želite ispisati u skočnom prozoru.

Također možete stvoriti dugme koje prikazuje ispisani tekst u iskačućem prozoru. Da biste to učinili, upišite "Tekst dugmeta"

Metoda 3 od 4: Korištenje dnevnika konzole

Štampajte u Javascriptu Korak 16
Štampajte u Javascriptu Korak 16

Korak 1. Ukucajte tijelo HTML dokumenta

Ovo je početna oznaka za vaš Javascript.

Štampajte u Javascriptu Korak 17
Štampajte u Javascriptu Korak 17

Korak 2. Pritisnite ↵ Enter i upišite console.log

Ovo je javascript naredba za dnevnik konzole. Dnevnik konzole najbliži je naredbi Print u tipičnom smislu kodiranja. Ne prikazuje tekst na vašoj web stranici, ali prikazuje tekst unutar konzole kada pokrenete HTML/Javascript unutar web preglednika. Ovo je korisno za otklanjanje grešaka.

Štampajte u Javascriptu Korak 18
Štampajte u Javascriptu Korak 18

Korak 3. Unesite zagrade u tekst koji želite prijaviti

To može biti tekst (niz), varijabla, brojevi ili matematička jednadžba. Na primjer, console.log (štampam u Javascriptu).

Štampajte u Javascriptu Korak 19
Štampajte u Javascriptu Korak 19

Korak 4. Dodajte točku-zarez (;

) na kraju.

Ovo zatvara vašu liniju Javascripta. Cijela linija bi trebala izgledati poput "nowiki> console.log (štampam u Javascriptu)"

Štampajte u Javascriptu Korak 20
Štampajte u Javascriptu Korak 20

Korak 5. Pritisnite ↵ Enter i upišite

Ova oznaka zatvara vaš Javascript kôd. Upišite ovu oznaku kada završite s unosom svih svojih redova Javascripta.

Štampajte u Javascriptu Korak 21
Štampajte u Javascriptu Korak 21

Korak 6. Sačuvajte svoj HTML dokument

Koristite sljedeće korake za spremanje HTML dokumenta.

  • Kliknite Datoteka na vrhu uređivača teksta ili programa za uređivanje HTML -a.
  • Kliknite Sačuvaj kao.
  • Upišite naziv datoteke za HTML dokument.
  • Uvjerite se da je sačuvan kao ".html" dokument.
  • Kliknite Save.
Štampajte u Javascriptu Korak 22
Štampajte u Javascriptu Korak 22

Korak 7. Otvorite HTML dokument u web pregledniku

Otvorite bilo koji web preglednik po svom izboru i upišite lokaciju datoteke HTML dokumenta u traku za adresu pri vrhu. Ovo će otvoriti HTML dokument u vašem web pregledniku.

Štampajte u Javascriptu Korak 23
Štampajte u Javascriptu Korak 23

Korak 8. Pritisnite F12

Ovo otvara Developer Mode u vašem web pregledniku. Vidjet ćete novi prozor s prikazanim HTML, CSS i Javascript kodom.

Štampajte u Javascriptu Korak 24
Štampajte u Javascriptu Korak 24

Korak 9. Pritisnite Console

Nalazi se pri vrhu prozora načina rada za programere.

Štampajte u Javascriptu Korak 25
Štampajte u Javascriptu Korak 25

Korak 10. Osvježite pregledač

Štampajte u Javascriptu Korak 26
Štampajte u Javascriptu Korak 26

Korak 1. Unesite <button onclick = u tijelo HTML dokumenta

Ovo je početna HTML oznaka za stvaranje gumba unutar vašeg HTML -a.

Štampajte u Javascript -u Korak 27
Štampajte u Javascript -u Korak 27

Korak 2. Upišite "window.print ()"> iza znaka jednakosti (=)

Naredba "window.print ()" je Javascript naredba za ispis sadržaja prozora vašeg web preglednika. Zagrada (>) završava početnu oznaku HTML dugmeta.

Štampajte u Javascriptu Korak 28
Štampajte u Javascriptu Korak 28

Korak 3. Unesite dugme koje želite da unesete u dugme

Ovo bi trebalo ići odmah iza zagrade (>). Na primjer, možete upisati "Kliknite ovdje za ispis" ili nešto slično.

Štampajte u Javascriptu Korak 29
Štampajte u Javascriptu Korak 29

Korak 4. Ukucajte

Time se zatvara element dugmeta HTML. Kada iscrtate svoj HTML u web pregledniku, on će stvoriti dugme na koje možete kliknuti za ispis sadržaja yoru web preglednika.

Preporučuje se: