4 طرق للطباعة بجافا سكريبت

جدول المحتويات:

4 طرق للطباعة بجافا سكريبت
4 طرق للطباعة بجافا سكريبت

فيديو: 4 طرق للطباعة بجافا سكريبت

فيديو: 4 طرق للطباعة بجافا سكريبت
فيديو: طريقة كتابة سؤال علي موقع StackOverFlow مع نصائح متقدمة 2024, أبريل
Anonim

في برمجة الكمبيوتر ، تعد الطباعة أمرًا يستخدم لعرض نوع من النص على الشاشة. يمكن استخدامه لعرض نص (سلسلة) أو متغير أو أرقام أو حسابات حسابية. من أول الأشياء التي يتعلمها العديد من المبرمجين كيفية استخدام أمر طباعة لإنشاء برنامج يعرض "Hello World!". على عكس لغات البرمجة الأخرى ، يتم تقديم Javascript داخل مستعرض ويب. لا تحتوي Javascript على أمر طباعة بسيط مثل الكثير من اللغات الأخرى. ومع ذلك ، هناك العديد من الطرق التي يمكنك من خلالها عرض النص سواء داخل مستند HTML أو نافذة تنبيه أو وحدة التحكم. يمكنك أيضًا استخدام Javascript للطباعة من الطابعة.

خطوات

الطريقة 1 من 4: استخدام InnerHTML

اطبع بجافا سكريبت الخطوة 1
اطبع بجافا سكريبت الخطوة 1

الخطوة الأولى. اكتب <p id = في نص مستند HTML الخاص بك

هذه هي علامة HTML الافتتاحية لنص الفقرة بمعرف محدد.

لمزيد من المعلومات حول كيفية كتابة تعليمات HTML البرمجية ، راجع كيفية إنشاء صفحة ويب بسيطة باستخدام HTML

اطبع في Javascript الخطوة 2
اطبع في Javascript الخطوة 2

الخطوة 2. اكتب اسمًا لعنصر الفقرة في علامات الاقتباس متبوعة بـ>

هذا يعين عنصر نص الفقرة معرفًا يمكن استدعاؤه في جافا سكريبت. على سبيل المثال،"

".

يمكنك أيضًا استخدام عناصر HTML نصية أخرى ، مثل الرأس {{kbd |

اطبع بجافا سكريبت الخطوة 3
اطبع بجافا سكريبت الخطوة 3

الخطوة 3. اكتب

مباشرة بعد"

بطاقة شعار.

هذا يضيف علامة إغلاق لعنصر HTML للفقرة الافتتاحية

اطبع بجافا سكريبت الخطوة 4
اطبع بجافا سكريبت الخطوة 4

الخطوة 4. اضغط على ↵ Enter

هذا يضيف سطرًا جديدًا إلى HTML الخاص بك.

اطبع بجافا سكريبت الخطوة 5
اطبع بجافا سكريبت الخطوة 5

الخطوة 5. اكتب واضغط على زر الإدخال Enter

هذه هي العلامة الافتتاحية لجافا سكريبت الخاص بك. يجب أن تتبع كل ترميز جافا سكريبت هذه العلامة.

اطبع بجافا سكريبت الخطوة 6
اطبع بجافا سكريبت الخطوة 6

الخطوة 6. اكتب document.getElementById

هذا هو كود جافا سكريبت لاستدعاء عنصر HTML من خلال معرفه.

اطبع في Javascript الخطوة 7
اطبع في Javascript الخطوة 7

الخطوة 7. اكتب معرف عنصر الفقرة بين علامتي الاقتباس داخل الأقواس

إذا كان عنصر فقرتك هو"

"، سيكون رمز جافا سكريبت الخاص بك كالتالي" document.getElementById ("math") ".

اطبع بجافا سكريبت الخطوة 8
اطبع بجافا سكريبت الخطوة 8

الخطوة 8. اكتب. InnerHTML = بعد الأقواس

يستخدم هذا الأمر لعرض مخرجات النص باستخدام عنصر HTML.

اطبع بجافا سكريبت الخطوة 9
اطبع بجافا سكريبت الخطوة 9

الخطوة 9. اكتب ما تريد طباعته متبوعًا بفاصلة منقوطة (؛

).

يمكنك عرض نص أو متغير أو أرقام أو معادلة رياضية.

على سبيل المثال ، اكتب "document.getElementById (" demo "). innerHTML = 27 + 33؛" لطباعة مبلغ 27 + 33

اطبع بجافا سكريبت الخطوة 10
اطبع بجافا سكريبت الخطوة 10

الخطوة 10. اضغط على ↵ Enter واكتب

هذه العلامة تغلق كود جافا سكريبت الخاص بك. اكتب هذه العلامة عند الانتهاء ، أدخل جميع أسطر جافا سكريبت الخاصة بك. عند تحميل مستند HTML في مستعرض ويب ، سيتم طباعته داخل مستند HTML.

الطريقة 2 من 4: استخدام تنبيه النافذة

اطبع بجافا سكريبت الخطوة 11
اطبع بجافا سكريبت الخطوة 11

الخطوة الأولى: اكتب نص مستند HTML الخاص بك

هذه هي العلامة الافتتاحية لجافا سكريبت الخاص بك.

اطبع بجافا سكريبت الخطوة 12
اطبع بجافا سكريبت الخطوة 12

الخطوة 2. اضغط على ↵ Enter واكتب تنبيه

هذا هو أمر جافا سكريبت لفتح تنبيه نافذة منبثقة.

اطبع بجافا سكريبت الخطوة 13
اطبع بجافا سكريبت الخطوة 13

الخطوة 3. اكتب ما تريد طباعته بين قوسين

يمكنك كتابة نص أو متغير أو أرقام أو معادلة رياضية. على سبيل المثال ، "تنبيه (" Hello Sweety! ")" لعرض "Hello Sweety!" في نافذة منبثقة.

اطبع بجافا سكريبت الخطوة 14
اطبع بجافا سكريبت الخطوة 14

الخطوة 4. أضف فاصلة منقوطة (؛

) في نهايةالمطاف.

هذا يغلق خط جافا سكريبت الخاص بك. يجب أن يبدو السطر بأكمله مثل "alert (" Hello Sweety! ")؛".

اطبع بجافا سكريبت الخطوة 15
اطبع بجافا سكريبت الخطوة 15

الخطوة 5. اضغط على ↵ Enter واكتب

هذه العلامة تغلق كود جافا سكريبت الخاص بك. اكتب هذه العلامة عندما تنتهي من إدخال جميع أسطر جافا سكريبت. عند تحميل مستند HTML الخاص بك في مستعرض ويب ، سيعرض النص الذي تريد طباعته في نافذة منبثقة.

يمكنك أيضًا إنشاء زر يعرض النص المطبوع في نافذة منبثقة. للقيام بذلك ، اكتب "نص الزر"

الطريقة 3 من 4: استخدام سجل وحدة التحكم

اطبع بجافا سكريبت الخطوة 16
اطبع بجافا سكريبت الخطوة 16

الخطوة الأولى: اكتب نص مستند HTML الخاص بك

هذه هي العلامة الافتتاحية لجافا سكريبت الخاص بك.

اطبع في Javascript الخطوة 17
اطبع في Javascript الخطوة 17

الخطوة 2. اضغط على ↵ Enter واكتب console.log

هذا هو أمر جافا سكريبت لسجل وحدة التحكم. سجل وحدة التحكم هو أقرب شيء إلى أمر الطباعة بالمعنى النموذجي للترميز. لا يعرض النص على صفحة الويب الخاصة بك ، ولكنه يعرض النص داخل وحدة التحكم عند تشغيل HTML / Javascript داخل مستعرض ويب. هذا مفيد لتصحيح الأخطاء.

اطبع بجافا سكريبت الخطوة 18
اطبع بجافا سكريبت الخطوة 18

الخطوة 3. اكتب النص الذي تريد تسجيل الدخول بين قوسين

يمكن أن يكون نصًا (سلسلة) أو متغيرًا أو أرقامًا أو معادلة رياضية. على سبيل المثال ، console.log (أنا أطبع في Javascript).

اطبع بجافا سكريبت الخطوة 19
اطبع بجافا سكريبت الخطوة 19

الخطوة 4. أضف فاصلة منقوطة (؛

) في نهايةالمطاف.

هذا يغلق خط جافا سكريبت الخاص بك. يجب أن يبدو السطر بالكامل مثل "nowiki> console.log (أنا أطبع بجافا سكريبت)

اطبع في Javascript الخطوة 20
اطبع في Javascript الخطوة 20

الخطوة 5. اضغط على ↵ Enter واكتب

هذه العلامة تغلق كود جافا سكريبت الخاص بك. اكتب هذه العلامة عندما تنتهي من إدخال جميع أسطر جافا سكريبت.

اطبع بجافا سكريبت الخطوة 21
اطبع بجافا سكريبت الخطوة 21

الخطوة 6. احفظ مستند HTML الخاص بك

استخدم الخطوات التالية لحفظ مستند HTML الخاص بك.

  • انقر ملف في الجزء العلوي من محرر النصوص أو برنامج تحرير HTML.
  • انقر حفظ باسم.
  • اكتب اسم ملف مستند HTML.
  • تأكد من أنه يحفظ كمستند ".html".
  • انقر يحفظ.
اطبع بجافا سكريبت الخطوة 22
اطبع بجافا سكريبت الخطوة 22

الخطوة 7. افتح مستند HTML في متصفح الويب

افتح أي متصفح ويب من اختيارك واكتب موقع ملف مستند HTML في شريط العناوين في الأعلى. سيؤدي هذا إلى فتح مستند HTML في متصفح الويب الخاص بك.

اطبع بجافا سكريبت الخطوة 23
اطبع بجافا سكريبت الخطوة 23

الخطوة 8. اضغط على F12

هذا يفتح وضع المطور في متصفح الويب الخاص بك. سترى نافذة جديدة مع عرض كود HTML و CSS وجافا سكريبت.

اطبع بجافا سكريبت الخطوة 24
اطبع بجافا سكريبت الخطوة 24

الخطوة 9. انقر فوق وحدة التحكم

توجد أعلى نافذة وضع المطور.

اطبع بجافا سكريبت الخطوة 25
اطبع بجافا سكريبت الخطوة 25

الخطوة 10. قم بتحديث المستعرض الخاص بك

اطبع بجافا سكريبت الخطوة 26
اطبع بجافا سكريبت الخطوة 26

الخطوة الأولى. اكتب <button onclick = في نص مستند HTML الخاص بك

هذه هي علامة HTML الافتتاحية لإنشاء زر داخل HTML الخاص بك.

اطبع بجافا سكريبت الخطوة 27
اطبع بجافا سكريبت الخطوة 27

الخطوة 2. اكتب "window.print ()"> بعد علامة يساوي (=)

الأمر "window.print ()" هو أمر Javascript لطباعة محتويات نافذة متصفح الويب لديك. القوس (>) ينهي علامة الفتح لزر HTML.

اطبع في Javascript الخطوة 28
اطبع في Javascript الخطوة 28

الخطوة الثالثة. اكتب النص الذي تريد الانتقال إليه في الزر

يجب أن يذهب هذا مباشرة بعد القوس (>). على سبيل المثال ، يمكنك كتابة "انقر هنا للطباعة" أو شيء مشابه.

اطبع في Javascript الخطوة 29
اطبع في Javascript الخطوة 29

الخطوة 4. اكتب

يؤدي هذا إلى إغلاق عنصر زر HTML. عندما تقوم بعرض HTML الخاص بك في مستعرض ويب ، فسيتم إنشاء زر يمكنك النقر فوقه لطباعة محتويات متصفح الويب yoru.

موصى به: