في هذا القسم، سنناقش طريقة الطباعة () في لغة جافا سكريبت. أ مطبعة() تُستخدم هذه الطريقة لطباعة المحتويات المرئية حاليًا مثل صفحة ويب أو نص أو صورة وما إلى ذلك على شاشة الكمبيوتر. عندما نستخدم أ مطبعة() طريقة في جافا سكريبت وتنفيذ التعليمات البرمجية، فإنه يفتح مربع حوار طباعة يسمح للمستخدم أو المبرمج بتحديد خيار مناسب لطباعة المحتوى الحالي للنافذة.

بناء الجملة

يتم استخدام بناء الجملة التالي لطباعة المحتوى الحالي للنافذة:

 window.print() 

في بناء الجملة أعلاه، نستخدم طريقة window.print() التي تطبع المحتوى المرئي حاليًا لشاشة النافذة.

حدود : لا يحتوي على أي معلمات.

عائدات : طريقة window.print () لا تُرجع أي شيء.

المتصفح المدعوم لطريقة الطباعة ().

فيما يلي المتصفحات التي تدعم طريقة window.print().

1. جوجل كروم
2. متصفح الانترنت
3. صندوق الاحتراق
4. الأوبرا
5. سفاري

مثال 1: برنامج لطباعة صفحة ويب باستخدام طريقة الطباعة ().

في هذا البرنامج، نستخدم طريقة 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> 

عندما نقوم بتنفيذ كود البرمجة أعلاه على أي متصفح، تظهر الصورة أدناه:

في الصورة أعلاه يوجد مطبعة زر. الآن نضغط على زر الطباعة، فيفتح مربع حوار طباعة يحتوي على المحتوى المرئي الحالي لشاشة النافذة، كما هو موضح أدناه.

مثال 2: برنامج لطباعة نموذج تسجيل الطالب باستخدام طريقة الطباعة ().

نقوم في هذا البرنامج بإنشاء استمارة تسجيل الطالب ومن ثم طباعتها باستخدام طريقة 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>

عندما نقوم بتنفيذ كود البرمجة أعلاه على أي متصفح، تظهر الصورة أدناه:

الآن نقوم بملء كافة تفاصيل استمارة تسجيل الطالب والضغط على زر الطباعة الذي يظهر في الصورة أدناه.

بعد الضغط على زر الطباعة تظهر العمليات المختلفة للملف window.print طريقة. بمجرد الانتهاء من جميع الإعدادات في مربع الحوار 'طباعة'، انقر فوق الزر 'حفظ' لحفظ الملف أو الصفحة في نظامك.

شرح الكود : في البرنامج أعلاه قمنا بإنشاء نموذج تسجيل الطالب، ويحتوي هذا النموذج على زرين إعادة الضبط وزر الطباعة. يُستخدم زر إعادة الضبط لإعادة ضبط المحتوى، ويستخدم زر الطباعة لطباعة المحتوى المعروض. عندما نضغط على زر الطباعة، سيتم تنشيط وظيفة onclick واستدعاء وظيفة PrintFun(). الآن يتم تنفيذ وظيفة PrintFun() التي تحتوي على طريقة window.print() لطباعة المحتوى المعروض على شاشة النافذة.

خاتمة:

لقد تعلمنا عن طريقة الطباعة () في JavaScript التي تطبع محتوى شاشة النافذة. حيث قد تكون محتويات شاشة النافذة عبارة عن نص أو صورة أو إعلان وما إلى ذلك. علاوة على ذلك، عند استدعاء طريقة print() في JavaScript، فإنها تفتح مربع حوار الطباعة. بحيث يمكن للمستخدم أو المبرمج تحديد الخيار المناسب لطباعة المحتوى المعروض على شاشة النافذة.