في لغة JavaScript، تُستخدم الدالة
alert()
لعرض مربع حوار منبثق (pop-up) بسيط للمستخدم يحتوي على رسالة نصية وزر "موافق" (OK). يُستخدم هذا بشكل أساسي لعرض معلومات بسيطة للمستخدم أو لتنبيهه إلى شيء ما.كيفية استخدام alert()
:
ببساطة، اكتب alert()
متبوعًا بالنص الذي تُريد عرضه بين علامتي اقتباس مزدوجة ""
أو مفردة ''
.
الصيغة:
JavaScript
alert("الرسالة التي تُريد عرضها");
أمثلة:
JavaScript
alert("مرحباً بك في موقعنا!"); // عرض رسالة ترحيبيةalert('تم حفظ البيانات بنجاح.'); // عرض رسالة تأكيدlet name = "أحمد";alert("مرحباً يا " + name); // استخدام متغير في الرسالة
شرح الأمثلة:
- المثال الأول يعرض مربع حوار بسيط يحتوي على النص "مرحباً بك في موقعنا!".
- المثال الثاني يعرض رسالة تأكيد "تم حفظ البيانات بنجاح.".
- المثال الثالث يُظهر كيف يُمكنك استخدام متغيرات JavaScript داخل رسالة
alert()
. يتم استخدام عامل الربط+
لدمج النص مع قيمة المتغير.
ملاحظات هامة حول alert()
:
- إيقاف تنفيذ الكود: عند ظهور مربع حوار
alert()
، يتوقف تنفيذ بقية كود JavaScript مؤقتًا حتى يضغط المستخدم على زر "موافق". هذا يُسمى "نافذة مشروطة" (modal window). - بساطة التصميم: تصميم مربع حوار
alert()
بسيط جدًا ولا يُمكن تخصيصه بشكل كبير. يعتمد شكله على المتصفح ونظام التشغيل. - الاستخدام المحدود: يُفضل استخدام
alert()
بشكل محدود، حيث يُمكن أن يُزعج المستخدم كثرة ظهور النوافذ المنبثقة. يُفضل استخدام طرق أخرى لعرض الرسائل، مثل عرضها داخل الصفحة مباشرةً، خاصةً للرسائل الأكثر تعقيدًا أو التي تتطلب تفاعلًا أكبر من المستخدم. - لا تُرجع قيمة: دالة
alert()
لا تُرجع أي قيمة.
بدائل لـ alert()
:
إذا كنت تحتاج إلى عرض رسائل أكثر تعقيدًا أو الحصول على مدخلات من المستخدم، يُمكنك استخدام بدائل أخرى مثل:
console.log()
: لعرض رسائل في وحدة تحكم المتصفح (Console). يُستخدم بشكل أساسي لأغراض التطوير والاختبار.prompt()
: لعرض مربع حوار يطلب من المستخدم إدخال نص.confirm()
: لعرض مربع حوار يحتوي على زري "موافق" و "إلغاء".
مثال على استخدام console.log()
كبديل:
JavaScript
console.log("تم تحميل الصفحة بنجاح."); // عرض رسالة في وحدة التحكم
باختصار، تُعتبر alert()
أداة بسيطة لعرض رسائل سريعة للمستخدم، ولكن يُفضل استخدام بدائل أخرى لعرض رسائل أكثر تعقيدًا أو للحصول على مدخلات منه.