Wydrukuj konkretną część strony internetowej

Deweloperzy często pozwalają na drukowanie tylko określonej części treści strony internetowej, takiej jak każde plany płatności lub konkretne informacje. Zwykle do drukowania można użyć tradycyjnej metody drukowania, podobnie jak polecenie drukowania. Nie pozwala jednak na drukowanie konkretnej zawartości, chyba że używasz narzędzia zrzut ekranu do przechwytywania i drukowania. Takie podejście może być pomocne, jednak zmniejsza czytelność tekstu.

Ten samouczek ilustruje procedurę wydrukowania określonej części strony internetowej za pomocą JavaScript.

Jak wydrukować określoną część strony internetowej?

Aby wydrukować konkretną część strony internetowej o wysokiej jakości:

• Użyj "getElementById ()„Metoda uzyskania odniesienia elementu treści.
• Następnie użyj „okno.otwarty”Metoda, która otwiera okno drukowania o określonym rozmiarze.
• "okno.dokument.pisać”Pisze tekst w oknie.
• "okno.dokument.zamknąć”Zamyka dokument.
• "okno.centrum()”Koncentruje się na zawartości okna drukowania.
• Na koniec użyj „okno.wydrukować()”W celu drukowania treści.

Przykład
W pliku HTML najpierw utwórz div na stronie internetowej z pewną treścią:

Linuxhint to najlepsza strona internetowa umiejętności uczenia się.

Zapewnia wiele języków programowania do nauki umiejętności, takich jak

• HTML/CSS


• JavaScript


• Jawa


• Pyton

Utwórz przycisk wydruku na zewnątrz Div i dołącz „na kliknięcie„Zdarzenie z nim, które wywołuje funkcję„wydrukować()„Podczas klikania:

Wydrukować

Po wykonaniu powyższego kodu, strona internetowa będzie wyglądać w następujący sposób:

Teraz, w pliku JavaScript lub znaczniku, dodaj podane wiersze kodu:

funkcja print ()
var printdiv = dokument.getElementById („divprint”);
var printWindow = okno.Open (",", 'left = 0, top = 0, szerokość = 800, wysokość = 500, pasek narzędzi = 0, paski Scroll = 0, status = 0');
printWindow.dokument.Napisz (PrintDiv.innerhtml);
printWindow.dokument.zamknąć();
printWindow.centrum();
printWindow.wydrukować();

W powyższym fragmencie kodu:

• Najpierw zdefiniuj „wydrukować()„Metoda, która jest wywoływana, gdy„na kliknięcie„Wydarzenie jest wyzwalane.
• Zdobądź element (div), który chcesz wydrukować, przekazując jego przypisany identyfikator do „getElementById ()" metoda.
• Zadzwoń do "okno.otwarty()”Metoda i przekaż rozmiar okna zgodnie z wymaganiami.
• Przekaż odniesienie elementu DIV do „okno.dokument.pisać()„Metoda z„InnerHtml„Właściwość do napisania zawartości w oknie drukowania.
• Następnie zamknij dokument za pomocą „okno.zamknąć()" metoda.
• Ustaw skupienie się na oknie drukowania za pomocą „okno.centrum()" metoda.
• Na koniec zadzwoń do „wydrukować”Metoda obiektu okiennego do wydrukowania określonej zawartości.

Wyjście

Chodzi o wydrukowanie określonej części strony internetowej.

Wniosek

Aby wydrukować określoną część strony internetowej, użyj „getElementById ()„Metoda uzyskania odniesienia elementu treści. Następnie użyj „okno„Metody, w tym„okno.otwarty”,„okno.dokument.pisać”,„okno.dokument.zamknąć”,„okno.centrum()", I "okno.wydrukować()". W tym samouczku zilustrowaliśmy procedurę drukowania określonej części strony internetowej za pomocą JavaScript.