W tej sekcji omówimy metodę print() w języku JavaScript. A wydrukować() metoda służy do drukowania aktualnie widocznej zawartości, takiej jak strona internetowa, tekst, obraz itp., na ekranie komputera. Kiedy używamy a wydrukować() metoda w JavaScript i wykonać kod, otwiera okno dialogowe drukowania, które pozwala użytkownikowi lub programiście wybrać odpowiednią opcję drukowania bieżącej zawartości okna.

Składnia

Do wydrukowania bieżącej zawartości okna używana jest następująca składnia:

 window.print() 

W powyższej składni wykorzystujemy metodę window.print(), która drukuje aktualnie widoczną zawartość ekranu okna.

Parametry : Nie zawiera żadnych parametrów.

Zwroty : Metoda window.print() niczego nie zwraca.

Obsługiwana przeglądarka metody print().

Poniżej znajdują się przeglądarki obsługujące metodę window.print().

1. GoogleChrome
2. Internet Explorera
3. Palenisko
4. Opera
5. Safari

Przykład 1: Program do drukowania strony internetowej przy użyciu metody print().

W tym programie wykorzystujemy metodę window.print(), która drukuje aktualnie widoczną treść na ekranie okna.

drukuj.html

 Use print() method in JavaScript <h2> Program to print the Current Content of the window using print() method </h2> <br> <br> <p> As the name suggests, the print () method is used to print the contents of the current window. When we use a print () method, it opens the print dialog box, which allows the user or programmer to select an appropriate option for printing the current content of the window. </p> 

Kiedy wykonamy powyższy kod programowania w dowolnej przeglądarce, wyświetli się poniższy obraz:

Na powyższym obrazku znajduje się Wydrukować przycisk. Teraz klikamy przycisk Drukuj, otwiera się okno dialogowe drukowania z bieżącą zawartością wizualną ekranu okna, jak pokazano poniżej.

Przykład 2: Program do wydruku Formularza Rejestracji Studenta przy pomocy metody print().

W tym programie tworzymy formularz rejestracyjny ucznia, a następnie drukujemy go metodą window,print().

Student.html

 Print Student Registration Form function printFun() { window.print(); } /* Create the Outer layout of the Calculator. */ .formstyle { width: 400px; height: 400px; margin: 20px auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; text-align: center; background-color: lightgreen; } /* Display top horizontal bar that contain some information. */ h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } *{ margin: 0; padding: 0; } <div class="formstyle" <br> Student Registration Form: First name <br> <br> Last name <br> <br> Father name <br> <br> Mother name <br> <br> Gender: Male Female <br> <br> Address <br> <br> Email <br> <br> Password: <br> <br> <br> <br> <br> </div>

Kiedy wykonamy powyższy kod programowania w dowolnej przeglądarce, wyświetli się poniższy obraz:

Teraz wypełniamy wszystkie szczegóły formularza rejestracyjnego studenta i klikamy przycisk Drukuj, który pokazuje poniższy obrazek.

Testowanie oprogramowania

Po kliknięciu przycisku Drukuj zostaną wyświetlone różne operacje okno.drukuj metoda. Po zakończeniu wszystkich ustawień w oknie dialogowym Drukuj kliknij przycisk Zapisz, aby zapisać plik lub stronę w systemie.

Wyjaśnienie kodu: W powyższym programie utworzyliśmy formularz rejestracji studenta, który zawiera dwa przyciski Resetuj i przycisk Drukuj. Przycisk Reset służy do resetowania zawartości, a przycisk Drukuj służy do drukowania wyświetlanej zawartości. Kiedy klikniemy przycisk Drukuj, funkcja onclick zostanie aktywowana i wywoła funkcję PrintFun(). Teraz wykonywana jest funkcja PrintFun() zawierająca metodę window.print() umożliwiającą wydrukowanie treści wyświetlanej na ekranie okna.

Wniosek:

Dowiedzieliśmy się o metodzie print() w JavaScript, która drukuje zawartość ekranu okna. Tam, gdzie zawartość ekranu okna może zawierać tekst, obraz, reklamę itp. Ponadto wywołanie metody print() w JavaScript powoduje otwarcie okna dialogowego drukowania. Dzięki temu użytkownik lub programista może wybrać odpowiednią opcję wydruku wyświetlanej treści na ekranie okna.