انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: إخراج البيانات في جافا سكريبت

Printing data using the alert function in JavaScript طباعة البيانات باستخدام دالة alert في لغة جافا سكريبت

في هذا الدرس، ستتعلم طرق إخراج البيانات في JavaScript لعرض المحتوى داخل صفحة HTML بأربع طرق: window.alert لعرض رسائل تنبيهية، console.log لطباعة البيانات في console، document.write لكتابة المحتوى على الصفحة، وinnerHTML لتحديث عناصر HTML. كما سنتعرف على الطريقة الأكثر شيوعًا وأداة console في المتصفحات.

1 صفوف تعليمية
جافا سكريبت
19,262 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يتم استخدام دالة alert في JavaScript لعرض رسالة داخل صندوق يظهر فوق صفحة الويب. تُستخدم عادةً لإعطاء رسالة تنبيهية أو إعلامية للمستخدمين.

  • يتكون هذا الصندوق من رسالة نصية (والتي يمكن تخصيصها) بالإضافة إلى زر "موافق". عندما يظهر الصندوق، يظهر معه للمستخدم زر "موافق" ليضغط عليه بعد أن يقرأ الرسالة.

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

window alert

طباعة البيانات باستخدام دالة window.alert في لغة جافا سكريبت.

HTML 
window.alert('This Text Inserted with JS');
جرّب بنفسك

alert without window

استخدام دالة alert بدون كتابة window كاختصار في لغة JavaScript.

HTML 
alert('This Text Inserted with JS');
جرّب بنفسك

Adding HTML Elements Using the alert Function

لا تدعم دالة alert إضافة أو طباعة عناصر HTML لأنها تتعامل مع العناصر على هيئة نصوص وتقوم بعرض العلامات كما هي.

HTML 
alert("<h2> JavaScript Output alert() </h2>") ;
جرّب بنفسك

Printing Data Inside the alert Function in the head Element

طباعة البيانات داخل دالة alert في عنصر head سوف ينتج عنه عدم قراءة المتصفح لعناصر HTML حتى يقوم المستخدم بالضغط على زر "موافق" داخل صندوق alert.

HTML 
<head>
    <title>JavaScript Output using document.write()</title>
    <script>
      alert("JavaScript Output alert()") ;
    </script>
  </head>
جرّب بنفسك

جميع فقرات هذا الدرس (إخراج البيانات في جافا سكريبت)