4 nyomtatási mód Javascript -ben

Tartalomjegyzék:

4 nyomtatási mód Javascript -ben
4 nyomtatási mód Javascript -ben

Videó: 4 nyomtatási mód Javascript -ben

Videó: 4 nyomtatási mód Javascript -ben
Videó: 3 Tips to ask question on Stack Overflow the right way to get answers 2024, Április
Anonim

A számítógépes programozás során a Nyomtatás olyan parancs, amely bizonyos típusú szövegek megjelenítésére szolgál a képernyőn. Szöveg (karakterlánc), változó, számok vagy matematikai számítások megjelenítésére használható. Sok programozó megtanulja az egyik első dolgot, hogy a Nyomtatás paranccsal hogyan hozhat létre programot, amely a "Hello World!" Feliratot jeleníti meg. Más programozási nyelvekkel ellentétben a Javascript egy webböngészőben jelenik meg. A Javascript nem rendelkezik egyszerű nyomtatási paranccsal, mint sok más nyelv. Azonban sokféleképpen jelenítheti meg a szöveget akár a HTML dokumentumban, egy figyelmeztető ablakban, a konzolban. A Javascript segítségével nyomtathat nyomtatóból is.

Lépések

4. módszer: InnerHTML használata

Nyomtatás Javascript -ben 1. lépés
Nyomtatás Javascript -ben 1. lépés

1. lépés: Írja be a <p id = szót a HTML -dokumentum törzsébe

Ez egy adott azonosítójú bekezdésszöveg kezdő HTML -címkéje.

Ha többet szeretne megtudni a HTML -kód írásáról, olvassa el az Egyszerű weboldal létrehozása HTML -ben című részt

Nyomtatás Javascript -ben 2. lépés
Nyomtatás Javascript -ben 2. lépés

2. lépés. Írja be a bekezdés elem nevét az idézőjelek közé, majd a>

Ez a bekezdés szövegeleméhez a Javascript -ben előhívható azonosítót rendel. Például,"

".

Használhat más szöveges HTML elemeket is, például fejlécet {{kbd |

Nyomtatás Javascriptben 3. lépés
Nyomtatás Javascriptben 3. lépés

3. lépés. Írja be

közvetlenül a után

címke.

Ez hozzáad egy záró címkét a kezdő bekezdés HTML eleméhez

Nyomtatás Javascriptben 4. lépés
Nyomtatás Javascriptben 4. lépés

4. lépés. Nyomja meg az ↵ Enter gombot

Ez új sort ad a HTML -hez.

Nyomtatás Javascript 5. lépésben
Nyomtatás Javascript 5. lépésben

5. lépés. Írja be és nyomja meg az. Enter billentyűt

Ez a Javascript kezdőcímkéje. Minden Javascript kódolásnak ezt a címkét kell követnie.

Nyomtatás Javascriptben 6. lépés
Nyomtatás Javascriptben 6. lépés

6. lépés. Írja be a document.getElementById fájlt

Ez a javascript kód egy HTML elem azonosítóval történő meghívásához.

Nyomtatás Javascriptben 7. lépés
Nyomtatás Javascriptben 7. lépés

7. lépés: Írja be a bekezdés elem azonosítóját a zárójelben található idézőjelek közé

Ha a bekezdés eleme"

", javascript -kódja a következő lesz:" document.getElementById ("math") ".

Nyomtatás Javascript -ben 8. lépés
Nyomtatás Javascript -ben 8. lépés

8. lépés. A zárójel után írja be. InnerHTML =

Ez a parancs a szöveges kimenetek megjelenítésére szolgál a HTML elem használatával.

Nyomtatás Javascriptben 9. lépés
Nyomtatás Javascriptben 9. lépés

9. lépés. Gépelje be, mit szeretne nyomtatni, majd egy pontosvesszővel (;

).

Megjeleníthet szöveget, változót, számokat vagy matematikai egyenletet.

Például írja be a "document.getElementById (" demo "). InternalHTML = 27 + 33;" hogy kiírja a 27 + 33 összeget

Nyomtatás Javascript 10. lépésben
Nyomtatás Javascript 10. lépésben

10. lépés. Nyomja meg az ↵ Enter billentyűt és írja be

Ez a címke bezárja a Javascript kódot. Írja be ezt a címkét, amikor befejezte, írja be a Javascript összes sorát. Amikor betölti a HTML dokumentumot egy webböngészőbe, az a HTML dokumentumon belül fog nyomtatni.

2. módszer a 4 -ből: Ablakriasztás használata

Nyomtatás Javascriptben 11. lépés
Nyomtatás Javascriptben 11. lépés

1. lépés. Írja be a HTML -dokumentum törzsét

Ez a Javascript kezdőcímkéje.

Nyomtatás Javascriptben 12. lépés
Nyomtatás Javascriptben 12. lépés

2. lépés: Nyomja meg az ↵ Enter billentyűt, és írja be a figyelmeztetést

Ez a javascript parancs egy felugró ablak riasztás megnyitásához.

Nyomtatás Javascriptben 13. lépés
Nyomtatás Javascriptben 13. lépés

3. lépés. Zárójelbe írja be, mit szeretne nyomtatni

Írhat szöveget, változót, számokat vagy matematikai egyenletet. Például: "alert (" Hello Sweety! ")" A "Hello Sweety!" egy felugró ablakban.

Nyomtatás Javascriptben 14. lépés
Nyomtatás Javascriptben 14. lépés

4. lépés. Adjon hozzá egy pontosvesszőt (;

) a végén.

Ez lezárja a Javascript sorát. Az egész sornak valahogy így kell kinéznie: "alert (" Hello Sweety! ");".

Nyomtatás Javascript 15. lépésben
Nyomtatás Javascript 15. lépésben

5. lépés. Nyomja meg az ↵ Enter gombot, és írja be

Ez a címke bezárja a Javascript kódot. Írja be ezt a címkét, amikor befejezte a Javascript összes sorának beírását. Amikor betölti a HTML-dokumentumot egy webböngészőbe, megjelenik egy nyomtatni kívánt szöveg egy előugró ablakban.

Létrehozhat egy gombot, amely megjeleníti a nyomtatott szöveget egy előugró ablakban. Ehhez írja be a "Gomb szövegét"

3. módszer a 4 -ből: A konzolnapló használata

Nyomtatás Javascript -ben 16. lépés
Nyomtatás Javascript -ben 16. lépés

1. lépés. Írja be a HTML -dokumentum törzsét

Ez a Javascript kezdőcímkéje.

Nyomtatás Javascriptben 17. lépés
Nyomtatás Javascriptben 17. lépés

2. lépés: Nyomja meg az ↵ Enter billentyűt, és írja be a console.log parancsot

Ez a javascript parancs a konzolnaplóhoz. A konzolnapló a legközelebb áll a Print parancshoz, tipikus kódolási értelemben. Nem jelenít meg szöveget a weboldalán, de megjeleníti a szöveget a konzolon belül, amikor HTML/Javascript -et futtat egy webböngészőben. Ez hasznos a hibakereséshez.

Nyomtatás Javascriptben 18. lépés
Nyomtatás Javascriptben 18. lépés

Lépés 3. Írja be a zárójelbe kívánt szöveget

Ez lehet szöveg (karakterlánc), változó, számok vagy matematikai egyenlet. Például: console.log (Javascriptben nyomtatok).

Nyomtatás Javascript -ben 19. lépés
Nyomtatás Javascript -ben 19. lépés

4. lépés. Adjon hozzá egy pontosvesszőt (;

) a végén.

Ez lezárja a Javascript sorát. Az egész sornak valahogy így kell kinéznie: "nowiki> console.log (Javascriptben nyomtatok)

Nyomtatás Javascript 20. lépésben
Nyomtatás Javascript 20. lépésben

5. lépés. Nyomja meg az ↵ Enter gombot, és írja be

Ez a címke bezárja a Javascript kódot. Írja be ezt a címkét, amikor befejezte a Javascript összes sorának beírását.

Nyomtatás Javascript 21. lépésben
Nyomtatás Javascript 21. lépésben

6. Mentse el HTML dokumentumát

A HTML -dokumentum mentéséhez kövesse az alábbi lépéseket.

  • Kattintson Fájl a szövegszerkesztő vagy a HTML -szerkesztő program tetején.
  • Kattintson Mentés másként.
  • Írja be a HTML -dokumentum fájlnevét.
  • Győződjön meg róla, hogy ".html" dokumentumként menti.
  • Kattintson Megment.
Nyomtatás Javascript -ben 22. lépés
Nyomtatás Javascript -ben 22. lépés

7. lépés Nyissa meg a HTML dokumentumot egy webböngészőben

Nyisson meg tetszőleges webböngészőt, és írja be a HTML dokumentum fájljának helyét a tetején található címsorba. Ez megnyitja a HTML dokumentumot a böngészőben.

Nyomtatás Javascript 23. lépésben
Nyomtatás Javascript 23. lépésben

8. lépés: Nyomja meg az F12 billentyűt

Ez megnyitja a fejlesztői módot a webböngészőben. Egy új ablak jelenik meg a HTML, CSS és Javascript kódokkal.

Nyomtatás Javascript 24. lépésben
Nyomtatás Javascript 24. lépésben

9. lépés. Kattintson a Konzol elemre

A fejlesztői mód ablakának tetején található.

Nyomtatás Javascript 25. lépésben
Nyomtatás Javascript 25. lépésben

10. lépés. Frissítse a böngészőt

Nyomtatás Javascript 26. lépésben
Nyomtatás Javascript 26. lépésben

1. lépés: Írja be a <gomb onclick = parancsot a HTML -dokumentum törzsébe

Ez a nyitó HTML -címke, amellyel gombokat hozhat létre a HTML -ben.

Nyomtatás Javascript 27. lépésben
Nyomtatás Javascript 27. lépésben

2. lépés. Az egyenlő (=) jel után írja be a "window.print ()"> parancsot

Az "window.print ()" parancs a Javascript parancs a böngészőablak tartalmának kinyomtatására. A zárójel (>) befejezi a HTML gomb nyitócímkéjét.

Nyomtatás Javascriptben 28. lépés
Nyomtatás Javascriptben 28. lépés

Lépés 3. Írja be a kívánt szöveget a gombba

Ennek közvetlenül a zárójel után kell mennie (>). Például beírhatja, hogy "Kattintson ide a nyomtatáshoz" vagy valami hasonló.

Nyomtatás Javascript 29. lépésben
Nyomtatás Javascript 29. lépésben

4. lépés. Írja be

Ez lezárja a HTML gomb elemet. Amikor a HTML -t egy webböngészőben rendereli, létrehoz egy gombot, amelyre kattintva kinyomtathatja a yoru webböngésző tartalmát.

Ajánlott: