У цьому розділі ми обговоримо метод print() мовою JavaScript. А друкувати() Метод використовується для друку на екрані комп’ютера видимого наразі вмісту, наприклад веб-сторінки, тексту, зображення тощо. Коли ми використовуємо a друкувати() метод в JavaScript і виконати код, він відкриває діалогове вікно друку, яке дозволяє користувачеві або програмісту вибрати відповідний параметр для друку поточного вмісту вікна.
Синтаксис
Для друку поточного вмісту вікна використовується такий синтаксис:
window.print()
У наведеному вище синтаксисі ми використовуємо метод window.print(), який друкує поточний видимий вміст екрана вікна.
статус git
Параметри : не містить жодних параметрів.
Повернення : Метод window.print() нічого не повертає.
Підтримуваний браузер методу print().
Нижче наведено браузери, які підтримують метод window.print().
- Гугл хром
- Internet Explorer
- Топка
- Опера
- Сафарі
Приклад 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, він відкриває діалогове вікно друку. Таким чином, користувач або програміст може вибрати відповідну опцію для друку вмісту, що відображається на екрані вікна.