logo

JavaScript tisk – do konzole, webové stránky nebo tiskárny [Příklady]

Hledali jste „JavaScript Print“ – takže se pravděpodobně pokoušíte odeslat data do konzole, na webovou stránku nebo na tiskárnu. Zde je návod, jak provést všechny tři.

Tisk do konzoly pomocí console.log()

JavaScript console.log() metoda tiskne data do konzole JavaScriptu (viditelné ve webovém inspektoru vašeho prohlížeče ).

Jakýkoli typ do konzole lze zaznamenat dat, včetně řetězců, čísel, polí a objektů, a zobrazí se buď obsah, nebo textová reprezentace hodnoty.

console.log() se často používá k ladění – vývojáři jej používají k zobrazení obsahu proměnných nebo výsledku funkce, aby se ujistili, že jejich kód funguje na nenápadném místě.

syntaxe console.log()

Syntaxe pro console.log() metoda je následující:

console.log(MESSAGE)

Všimněte si, že:

  • ZPRÁVA je text nebo objekt, který si přejete zobrazit v konzole

Vytisknout (přidat) text na aktuální webovou stránku pomocí JavaScriptu

Možná také chcete tisknout data na prohlíženou webovou stránku. To se provádí pomocí document.append() metoda.

syntaxe document.append()

Syntaxe pro připojení prvků na konec aktuální stránky/dokumentu je následující:

document.body.append(CONTENT)

Všimněte si, že:

  • OBSAH by měl být jeden nebo více prvků HTML, které mají být připojeny na konec aktuální stránky
  • tělo je prvek dokumentu, ke kterému chcete připojit – v tomto případě je tělo HTML dokumentu specifikováno
    • Můžete také připojit k hlavě nebo jiný kořenový prvek HTML, ale pokud chcete, aby byl obsah viditelný, měl by být připojen k tělu prvek
  • Pokud chcete předřadit (přidat data na začátek) dokumentu, document.prepend(CONTENT) lze použít stejným způsobem

Příklad document.append()

Uvedu rychlý příklad tohoto, protože budete také muset vytvořit objekt HTML obsahující data, která chcete vytisknout /append/prepend:

var paragraphElement = document.createElement("p");
var myText = document.createTextNode("Linux is great!");
paragraphElement.appendChild(myText);
document.body.append(paragraphElement);

Komentáře by měly vysvětlovat, co se děje výše. Výsledkem spuštění výše uvedeného bude přidání textu „Linux je skvělý!“ na konec aktuální webové stránky.

Upozorňujeme, že tyto změny nejsou trvalé! Obnovením stránky ji vrátíte do původního stavu.

Tisk na tiskárně pomocí window.print()

Tohle je rychlé a snadné! Vyvolejte tisk svého webového prohlížeče dialog spuštěním následujícího kódu JavaScript:

window.print();

Doufejme, že ať už to bylo kdekoli, doufali jste v tisk k používání JavaScriptu, teď jste zjistili, jak na to!