У цьому розділі ми обговоримо метод print() мовою JavaScript. А друкувати() Метод використовується для друку на екрані комп’ютера видимого наразі вмісту, наприклад веб-сторінки, тексту, зображення тощо. Коли ми використовуємо a друкувати() метод в JavaScript і виконати код, він відкриває діалогове вікно друку, яке дозволяє користувачеві або програмісту вибрати відповідний параметр для друку поточного вмісту вікна.

Синтаксис

Для друку поточного вмісту вікна використовується такий синтаксис:

 window.print() 

У наведеному вище синтаксисі ми використовуємо метод window.print(), який друкує поточний видимий вміст екрана вікна.

статус git

Параметри : не містить жодних параметрів.

Повернення : Метод window.print() нічого не повертає.

Підтримуваний браузер методу print().

Нижче наведено браузери, які підтримують метод window.print().

1. Гугл хром
2. Internet Explorer
3. Топка
4. Опера
5. Сафарі

Приклад 1: програма для друку веб-сторінки за допомогою методу print().

У цій програмі ми використовуємо метод window.print(), який друкує поточний видимий вміст на екрані вікна.

print.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> 

Коли ми виконуємо наведений вище програмний код у будь-якому браузері, він відображає зображення нижче:

На зображенні вище є a Роздрукувати кнопку. Тепер ми натискаємо кнопку «Друк», вона відкриває діалогове вікно друку з поточним візуальним вмістом екрана вікна, як показано нижче.

Приклад 2: Програма для друку реєстраційної форми студента за допомогою методу print().

У цій програмі ми створюємо реєстраційну форму студента, а потім друкуємо її за допомогою методу window,print().

Студент.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>

Коли ми виконуємо наведений вище програмний код у будь-якому браузері, він відображає зображення нижче:

Тепер ми заповнюємо всі деталі реєстраційної форми студента та натискаємо кнопку Друк, яка показує зображення нижче.

Після натискання кнопки «Друк» відображаються різні операції window.print метод. Після завершення всіх налаштувань у діалоговому вікні «Друк» натисніть кнопку «Зберегти», щоб зберегти файл або сторінку у вашій системі.

спадне меню javascript

Пояснення коду: У наведеній вище програмі ми створили реєстраційну форму студента, і ця форма має дві кнопки «Скинути» та «Друкувати». Кнопка Reset використовується для скидання вмісту, а кнопка Print використовується для друку відображеного вмісту. Коли ми натискаємо кнопку Print, активується функція onclick і викликає функцію PrintFun(). Тепер виконується функція PrintFun(), яка містить метод window.print() для друку вмісту, що відображається на екрані вікна.

Висновок:

Ми дізналися про метод print() у JavaScript, який друкує вміст екрана вікна. Де вмістом екрана вікна може бути текст, зображення, реклама тощо. Крім того, коли метод print() викликається в JavaScript, він відкриває діалогове вікно друку. Таким чином, користувач або програміст може вибрати відповідну опцію для друку вмісту, що відображається на екрані вікна.