4 způsoby tisku v Javascriptu

Obsah:

4 způsoby tisku v Javascriptu
4 způsoby tisku v Javascriptu

Video: 4 způsoby tisku v Javascriptu

Video: 4 způsoby tisku v Javascriptu
Video: 3 Tips to ask question on Stack Overflow the right way to get answers 2024, Duben
Anonim

V počítačovém programování je Print příkazem k zobrazení určitého typu textu na obrazovce. Lze jej použít k zobrazení textu (řetězce), proměnné, čísel nebo matematických výpočtů. Jedna z prvních věcí, které se mnoho programátorů učí, je, jak pomocí příkazu Print vytvořit program, který zobrazí „Hello World!“. Na rozdíl od jiných programovacích jazyků je Javascript vykreslen ve webovém prohlížeči. Javascript nemá jednoduchý příkaz Print jako mnoho jiných jazyků. Existuje však mnoho způsobů, jak můžete zobrazit text buď v dokumentu HTML, výstražném okně nebo konzole. K tisku z tiskárny můžete také použít Javascript.

Kroky

Metoda 1 ze 4: Použití InnerHTML

Tisk v Javascriptu Krok 1
Tisk v Javascriptu Krok 1

Krok 1. Do těla dokumentu HTML zadejte <p id =

Toto je úvodní značka HTML pro odstavcový text s konkrétním ID.

Další informace o tom, jak psát HTML kód, najdete v článku Jak vytvořit jednoduchou webovou stránku pomocí HTML

Tisk v Javascriptu Krok 2
Tisk v Javascriptu Krok 2

Krok 2. Zadejte název prvku odstavce v uvozovkách a poté>

To přiřadí prvku odstavcového textu ID, které lze v Javascriptu vyvolat. Například,"

".

Můžete také použít jiné textové prvky HTML, například záhlaví {{kbd |

Tisk v Javascriptu Krok 3
Tisk v Javascriptu Krok 3

Krok 3. Napište

bezprostředně po"

štítek.

Tím se přidá uzavírací značka pro úvodní odstavec HTML elementu

Tisk v Javascriptu Krok 4
Tisk v Javascriptu Krok 4

Krok 4. Stiskněte klávesu ↵ Enter

Tím se do HTML přidá nový řádek.

Tisk v Javascriptu Krok 5
Tisk v Javascriptu Krok 5

Krok 5. Napište a stiskněte klávesu ↵ Enter

Toto je úvodní značka pro váš Javascript. Za touto značkou by mělo jít veškeré kódování Javascriptu.

Tisk v Javascriptu, krok 6
Tisk v Javascriptu, krok 6

Krok 6. Zadejte document.getElementById

Toto je kód JavaScript pro volání prvku HTML podle jeho ID.

Tisk v Javascriptu Krok 7
Tisk v Javascriptu Krok 7

Krok 7. Zadejte ID odstavcového prvku do uvozovek uvnitř závorek

Pokud je prvek odstavce „

", váš kód JavaScript bude znít" document.getElementById ("math") ".

Tisk v Javascriptu, krok 8
Tisk v Javascriptu, krok 8

Krok 8. Zadejte. InnerHTML = za závorku

Tento příkaz se používá k zobrazení textových výstupů pomocí prvku HTML.

Tisk v Javascriptu, krok 9
Tisk v Javascriptu, krok 9

Krok 9. Zadejte, co chcete vytisknout, a poté středník (;

).

Můžete zobrazit text, proměnnou, čísla nebo matematickou rovnici.

Zadejte například "document.getElementById (" demo "). InnerHTML = 27 + 33;" k vytištění součtu 27 + 33

Tisk v Javascriptu, krok 10
Tisk v Javascriptu, krok 10

Krok 10. Stiskněte klávesu ↵ Enter a napište

Tato značka zavře váš kód JavaScript. Po dokončení zadejte tuto značku a zadejte všechny řádky Javascriptu. Když načtete dokument HTML do webového prohlížeče, vytiskne se uvnitř dokumentu HTML.

Metoda 2 ze 4: Použití upozornění na okno

Tisk v Javascriptu Krok 11
Tisk v Javascriptu Krok 11

Krok 1. Zadejte text dokumentu HTML

Toto je úvodní značka pro váš Javascript.

Tisk v Javascriptu Krok 12
Tisk v Javascriptu Krok 12

Krok 2. Stiskněte klávesu ↵ Enter a zadejte upozornění

Toto je příkaz javascript k otevření upozornění ve vyskakovacím okně.

Tisk v Javascriptu Krok 13
Tisk v Javascriptu Krok 13

Krok 3. Do závorky napište, co chcete vytisknout

Můžete zadat text, proměnnou, čísla nebo matematickou rovnici. Například „alert (“Hello Sweety! “)“Pro zobrazení „Hello Sweety!“ve vyskakovacím okně.

Tisk v Javascriptu Krok 14
Tisk v Javascriptu Krok 14

Krok 4. Přidejte středník (;

) na konci.

Tím se uzavře váš řádek Javascriptu. Celý řádek by měl vypadat jako „upozornění („ Ahoj Sweety! “);“.

Tisk v Javascriptu Krok 15
Tisk v Javascriptu Krok 15

Krok 5. Stiskněte klávesu ↵ Enter a napište

Tato značka zavře váš kód JavaScript. Po dokončení zadávání všech řádků Javascriptu zadejte tuto značku. Když načtete dokument HTML do webového prohlížeče, zobrazí se ve vyskakovacím okně text, který chcete vytisknout.

Můžete také vytvořit tlačítko, které zobrazí vytištěný text ve vyskakovacím okně. Chcete -li to provést, zadejte „Text tlačítka“

Metoda 3 ze 4: Použití protokolu konzoly

Tisk v Javascriptu, krok 16
Tisk v Javascriptu, krok 16

Krok 1. Zadejte text dokumentu HTML

Toto je úvodní značka pro váš Javascript.

Tisk v Javascriptu Krok 17
Tisk v Javascriptu Krok 17

Krok 2. Stiskněte klávesu ↵ Enter a zadejte příkaz console.log

Toto je příkaz javascript pro protokol konzoly. Protokol konzoly je nejblíže příkazu Print v typickém smyslu kódování. Nezobrazuje text na vaší webové stránce, ale zobrazuje text v konzole, když spustíte HTML/Javascript ve webovém prohlížeči. To je užitečné pro ladění.

Tisk v Javascriptu, krok 18
Tisk v Javascriptu, krok 18

Krok 3. Do závorky zadejte text, který chcete přihlásit

Může to být text (řetězec), proměnná, čísla nebo matematická rovnice. Například „console.log (tisknu v Javascriptu).

Tisk v Javascriptu Krok 19
Tisk v Javascriptu Krok 19

Krok 4. Přidejte středník (;

) na konci.

Tím se uzavře váš řádek Javascriptu. Celý řádek by měl vypadat nějak jako „nowiki> console.log (tisknu v Javascriptu)

Tisk v Javascriptu Krok 20
Tisk v Javascriptu Krok 20

Krok 5. Stiskněte klávesu ↵ Enter a napište

Tato značka zavře váš kód Javascript. Po dokončení zadávání všech řádků Javascriptu zadejte tuto značku.

Tisk v Javascriptu, krok 21
Tisk v Javascriptu, krok 21

Krok 6. Uložte dokument HTML

Pomocí následujících kroků uložte dokument HTML.

  • Klikněte Soubor v horní části textového editoru nebo programu pro úpravy HTML.
  • Klikněte Uložit jako.
  • Zadejte název souboru pro dokument HTML.
  • Zajistěte, aby byl uložen jako dokument „.html“.
  • Klikněte Uložit.
Tisk v Javascriptu, krok 22
Tisk v Javascriptu, krok 22

Krok 7. Otevřete dokument HTML ve webovém prohlížeči

Otevřete libovolný webový prohlížeč, který si vyberete, a do adresního řádku v horní části zadejte umístění souboru dokumentu HTML. Otevře se dokument HTML ve vašem webovém prohlížeči.

Tisk v Javascriptu, krok 23
Tisk v Javascriptu, krok 23

Krok 8. Stiskněte F12

Tím se ve vašem webovém prohlížeči otevře režim vývojáře. Zobrazí se nové okno se zobrazeným kódem HTML, CSS a Javascript.

Tisk v Javascriptu, krok 24
Tisk v Javascriptu, krok 24

Krok 9. Klikněte na Konzola

Je to v horní části okna režimu vývojáře.

Tisk v Javascriptu, krok 25
Tisk v Javascriptu, krok 25

Krok 10. Obnovte prohlížeč

Tisk v Javascriptu, krok 26
Tisk v Javascriptu, krok 26

Krok 1. Do těla dokumentu HTML napište <tlačítko onclick =

Toto je úvodní značka HTML k vytvoření tlačítka ve vašem HTML.

Tisk v Javascriptu, krok 27
Tisk v Javascriptu, krok 27

Krok 2. Za znaménko rovná se (=) zadejte „window.print ()“>

Příkaz "window.print ()" je příkaz Javascript pro tisk obsahu okna vašeho webového prohlížeče. Závorka (>) dokončí úvodní značku tlačítka HTML.

Tisk v Javascriptu, krok 28
Tisk v Javascriptu, krok 28

Krok 3. Do tlačítka napište text, který chcete přejít

To by mělo jít hned za závorku (>). Můžete například zadat „Kliknutím sem vytisknete“nebo něco podobného.

Tisk v Javascriptu, krok 29
Tisk v Javascriptu, krok 29

Krok 4. Napište

Tím se uzavře prvek tlačítka HTML. Když vykreslíte HTML ve webovém prohlížeči, vytvoří tlačítko, na které můžete kliknout a vytisknout obsah webového prohlížeče.

Doporučuje: