4 moduri de a tipări în Javascript

Cuprins:

4 moduri de a tipări în Javascript
4 moduri de a tipări în Javascript

Video: 4 moduri de a tipări în Javascript

Video: 4 moduri de a tipări în Javascript
Video: Viața după divorț. Cum să faci față suferinței 2024, Aprilie
Anonim

În programarea computerului, Print este o comandă utilizată pentru a afișa un anumit tip de text pe ecran. Poate fi folosit pentru a afișa text (șir), o variabilă, cifre sau calcule matematice. Unul dintre primele lucruri pe care mulți programatori îl învață este cum să folosească o comandă Print pentru a crea un program care afișează „Hello World!”. Spre deosebire de alte limbaje de programare, Javascript este redat într-un browser web. Javascript nu are o comandă simplă de tipărire, așa cum o fac multe alte limbi. Cu toate acestea, există multe modalități prin care puteți afișa text fie în documentul HTML, într-o fereastră de alertă, în consolă. De asemenea, puteți utiliza Javascript pentru a imprima de pe o imprimantă.

Pași

Metoda 1 din 4: Utilizarea InnerHTML

Tipăriți în Javascript Pasul 1
Tipăriți în Javascript Pasul 1

Pasul 1. Tastați <p id = în corpul documentului HTML

Aceasta este eticheta HTML de deschidere pentru textul de paragraf cu un ID specific.

Pentru mai multe informații despre cum să scrieți cod HTML, consultați Cum să creați o pagină web simplă cu HTML

Imprimați în Javascript Pasul 2
Imprimați în Javascript Pasul 2

Pasul 2. Tastați un nume pentru elementul de paragraf între ghilimele urmat de>

Aceasta atribuie elementului de text al paragrafului un ID care poate fi reamintit în Javascript. De exemplu,"

".

De asemenea, puteți utiliza alte elemente HTML text, un astfel de antet {{kbd |

Imprimați în Javascript Pasul 3
Imprimați în Javascript Pasul 3

Pasul 3. Tastați

imediat după „

etichetă.

Aceasta adaugă o etichetă de închidere pentru elementul HTML al paragrafului de deschidere

Imprimați în Javascript Pasul 4
Imprimați în Javascript Pasul 4

Pasul 4. Apăsați ↵ Enter

Aceasta adaugă o nouă linie la HTML.

Imprimați în Javascript Pasul 5
Imprimați în Javascript Pasul 5

Pasul 5. Tastați și apăsați ↵ Enter

Aceasta este eticheta de deschidere pentru Javascript. Toate codurile Javascript ar trebui să urmeze această etichetă.

Imprimați în Javascript Pasul 6
Imprimați în Javascript Pasul 6

Pasul 6. Tastați document.getElementById

Acesta este codul javascript pentru a apela un element HTML după ID-ul său.

Imprimați în Javascript Pasul 7
Imprimați în Javascript Pasul 7

Pasul 7. Tastați ID-ul elementului de paragraf între ghilimele din paranteză

Dacă elementul dvs. de paragraf este „

", codul dvs. JavaScript ar citi" document.getElementById ("math") ".

Imprimați în Javascript Pasul 8
Imprimați în Javascript Pasul 8

Pasul 8. Tastați. InnerHTML = după paranteză

Această comandă este utilizată pentru a afișa ieșiri text folosind elementul HTML.

Imprimați în Javascript Pasul 9
Imprimați în Javascript Pasul 9

Pasul 9. Tastați ceea ce doriți să imprimați urmat de un punct și virgulă (;

).

Puteți afișa text, o variabilă, numere sau o ecuație matematică.

De exemplu, tastați "document.getElementById (" demo "). InnerHTML = 27 + 33;" pentru a imprima suma de 27 + 33

Imprimați în Javascript Pasul 10
Imprimați în Javascript Pasul 10

Pasul 10. Apăsați ↵ Enter și tastați

Această etichetă închide codul dvs. Javascript. Tastați această etichetă când ați terminat introduceți toate liniile dvs. de Javascript. Când încărcați documentul HTML într-un browser web, acesta se va imprima în interiorul documentului HTML.

Metoda 2 din 4: Utilizarea unei alerte pentru ferestre

Tipăriți în Javascript Pasul 11
Tipăriți în Javascript Pasul 11

Pasul 1. Introduceți corpul documentului HTML

Aceasta este eticheta de deschidere pentru Javascript.

Imprimați în Javascript Pasul 12
Imprimați în Javascript Pasul 12

Pasul 2. Apăsați ↵ Enter și tastați alertă

Aceasta este comanda javascript pentru a deschide o fereastră de alertă pop-up.

Imprimați în Javascript Pasul 13
Imprimați în Javascript Pasul 13

Pasul 3. Tastați ceea ce doriți să imprimați între paranteze

Puteți introduce text, o variabilă, numere sau o ecuație matematică. De exemplu, „alert („ Hello Sweety!”)” Pentru a afișa „Hello Sweety!” într-o fereastră pop-up.

Imprimați în Javascript Pasul 14
Imprimați în Javascript Pasul 14

Pasul 4. Adăugați un punct și virgulă (;

) la sfarsit.

Aceasta vă închide linia de Javascript. Întreaga linie ar trebui să arate ca „alert („ Hello Sweety!”);”.

Imprimați în Javascript Pasul 15
Imprimați în Javascript Pasul 15

Pasul 5. Apăsați ↵ Enter și tastați

Această etichetă închide codul dvs. Javascript. Tastați această etichetă când ați terminat de introdus toate liniile dvs. de Javascript. Când încărcați documentul HTML într-un browser web, acesta va afișa textul pe care doriți să îl imprimați într-o fereastră pop-up.

De asemenea, puteți crea un buton care afișează textul tipărit într-o fereastră pop-up. Pentru aceasta, tastați „Buton text”

Metoda 3 din 4: Utilizarea jurnalului consolei

Tipăriți în Javascript Pasul 16
Tipăriți în Javascript Pasul 16

Pasul 1. Introduceți corpul documentului HTML

Aceasta este eticheta de deschidere pentru Javascript.

Imprimați în Javascript Pasul 17
Imprimați în Javascript Pasul 17

Pasul 2. Apăsați ↵ Enter și tastați console.log

Aceasta este comanda javascript pentru un jurnal de consolă. Un jurnal de consolă este cel mai apropiat de o comandă Print în sensul tipic de codare. Nu afișează text pe pagina dvs. web, dar afișează text în consolă atunci când rulați HTML / Javascript într-un browser web. Acest lucru este util pentru depanare.

Imprimați în Javascript Pasul 18
Imprimați în Javascript Pasul 18

Pasul 3. Tastați textul pe care doriți să-l conectați în paranteză

Poate fi text (un șir), o variabilă, numere sau o ecuație matematică. De exemplu, „console.log (tipăresc în Javascript).

Tipăriți în Javascript Pasul 19
Tipăriți în Javascript Pasul 19

Pasul 4. Adăugați un punct și virgulă (;

) la sfarsit.

Aceasta vă închide linia de Javascript. Întreaga linie ar trebui să arate ca „nowiki> console.log (tipăresc în Javascript)

Imprimați în Javascript Pasul 20
Imprimați în Javascript Pasul 20

Pasul 5. Apăsați ↵ Enter și tastați

Această etichetă închide codul dvs. Javascript. Tastați această etichetă când ați terminat de introdus toate liniile dvs. de Javascript.

Imprimați în Javascript Pasul 21
Imprimați în Javascript Pasul 21

Pasul 6. Salvați documentul HTML

Utilizați pașii următori pentru a salva documentul HTML.

  • Clic Fişier în partea de sus a editorului de text sau a programului de editare HTML.
  • Clic Salvează ca.
  • Tastați un nume de fișier pentru documentul HTML.
  • Asigurați-vă că se salvează ca document „.html”.
  • Clic Salvați.
Imprimați în Javascript Pasul 22
Imprimați în Javascript Pasul 22

Pasul 7. Deschideți documentul HTML într-un browser web

Deschideți orice browser web la alegere și tastați locația fișierului documentului HTML în bara de adrese din partea de sus. Aceasta va deschide documentul HTML în browserul dvs. web.

Tipăriți în Javascript Pasul 23
Tipăriți în Javascript Pasul 23

Pasul 8. Apăsați F12

Aceasta deschide modul dezvoltator în browserul dvs. web. Veți vedea o fereastră nouă cu codul HTML, CSS și Javascript afișat.

Imprimați în Javascript Pasul 24
Imprimați în Javascript Pasul 24

Pasul 9. Faceți clic pe Consolă

Se află în partea de sus a ferestrei modului dezvoltator.

Imprimați în Javascript Pasul 25
Imprimați în Javascript Pasul 25

Pasul 10. Reîmprospătează browserul

Imprimați în Javascript Pasul 26
Imprimați în Javascript Pasul 26

Pasul 1. Tastați <butonul onclick = în corpul documentului HTML

Aceasta este eticheta HTML de deschidere pentru a crea un buton în HTML.

Tipăriți în Javascript Pasul 27
Tipăriți în Javascript Pasul 27

Pasul 2. Tastați „window.print ()”> după semnul egal (=)

Comanda „window.print ()” este comanda Javascript pentru a imprima conținutul ferestrei browserului dvs. web. Parantezul (>) termină eticheta de deschidere a butonului HTML.

Imprimați în Javascript Pasul 28
Imprimați în Javascript Pasul 28

Pasul 3. Tastați textul pe care doriți să îl accesați în buton

Acest lucru ar trebui să meargă imediat după paranteză (>). De exemplu, puteți tasta „Faceți clic aici pentru a imprima” sau ceva similar.

Imprimați în Javascript Pasul 29
Imprimați în Javascript Pasul 29

Pasul 4. Tastați

Aceasta închide elementul buton HTML. Când redați codul HTML într-un browser web, acesta va crea un buton pe care puteți face clic pentru a imprima conținutul browserului web yoru.

Recomandat: