Gdy użytkownik kliknie przycisk, HTML pozwala im dodać dane do kontenera i wydrukować trochę zawartości HTML. W rezultacie otwiera się dialog drukowania przeglądarki, ale zawartość strony internetowej nie jest drukowana. Jednak ta operacja drukuje inny tekst HTML, który nie jest widoczny na stronie.

Ten post pokaże na temat drukowania zawartości HTML za pomocą kliknięcia przycisku, ale nie strony.

Jak wydrukować zawartość HTML, klikając przycisk?

CSS „@głoska bezdźwięczna„Zasada jest wykorzystywana do zastosowania sekcji arkusza stylów w oparciu o wyniki jednego lub więcej zapytań medialnych. Użytkownicy mogą dostarczyć zapytanie multimedialne, jeśli i tylko wtedy, gdy spełnia urządzenie wykorzystywane do przeglądania treści.

Aby wydrukować zawartość HTML za pomocą kliknięcia przycisku, wypróbuj poniższe instrukcje.

Krok 1: Włóż pierwsze nagłówek

Po pierwsze, dodaj pierwszy nagłówek za pomocą znacznika nagłówka z „

" do "

”Tag, gdzie

Tag jest wykorzystywany do najważniejszego nagłówka.

Krok 2: Dodaj drugi nagłówek

Następnie dodaj drugi nagłówek za pomocą „

Krok 3: Utwórz przycisk

Następnie utwórz przycisk, wykorzystując „" element. Następnie dodaj następujące atrybuty w środku:

• "typ”Atrybut przydziela typ wejściowy. Na przykład „„przycisk„Typ jest wykorzystywany do utworzenia przycisku.
• Następnie „wartość„Atrybut jest wykorzystywany do określenia wartości dla elementu wejściowego. Ten atrybut może być używany na wiele sposobów dla różnych typów wejściowych.
• Użytkownik może skorzystać z „Na kliknięcie”Atrybut wykonania zdarzenia na elemencie HTML.
• "klasa”Określa jedną lub więcej klas dla elementu. Atrybut klasy służy głównie do wskazywania klasy w arkuszu stylów:

Linuxhint Content Creators (wydrukuj to)

TSL Content Creatorzy (bez druku)

W rezultacie tworzony jest przycisk, który można wykorzystać do drukowania zawartości HTML za kliknięciem przycisku.

Jak wydrukować zawartość HTML po kliknięciu przycisku, ale nie na stronie?

Aby wydrukować zawartość HTML za pomocą kliknięcia przycisku bez drukowania całej strony, spójrz na podane instrukcje.

Krok 1: Skorzystaj z zasady „@Media”

Teraz skorzystaj z „@głoska bezdźwięczna”Zasada do wydrukowania konkretnej treści DIV bez drukowania całej strony. Aby to zrobić, uzyskaj dostęp do klasy DIV za pomocą „.NoprinT ”selektor.

Krok 2: Actrybut klas dostępu

@Media print
.noprint
Nie wyświetla się;


H1
Kolor: RGBA (50, 9, 233, 0.4);

Uzyskaj dostęp do atrybutu klasy, wykorzystując wartość klasy i zastosuj „wyświetlacz„Własność CSS o wartości”nic". Następnie zastosuj „kolor„Właściwość do nagłówka, którą użytkownik chce wydrukować.

Wyjście

Można zauważyć, że po kliknięciu przycisku dodana zawartość HTML jest gotowa do wydrukowania.

Wniosek

Aby wydrukować zawartość HTML, klikając przycisk, ale nie na stronie, najpierw utwórz dwa nagłówki. Następnie utwórz przycisk, wykorzystując „”Element i dodaj atrybuty, w tym„typ”,„na kliknięcie", I "klasa". Następnie użyj „okno.wydrukować()”Jako„na kliknięcie" wartość. Następnie użyj „@głoska bezdźwięczna.wydrukować”Zasada i dostęp do wartości klasy do drukowania zawartości HTML za pomocą przycisku. W tym poście pokazano metodę drukowania zawartości na kliknięciu przycisku.