نافذة الظهور في JavaScript

في جافا سكريبت، يمكنك إنشاء نافذة حوارية أو نافذة منبثقة للتفاعل مع المستخدم.

يحتوي جافا سكريبت على ثلاثة أنواع مختلفة من النوافذ المنبثقة: نافذة التحذير، نافذة التأكيد و نافذة الإشعار.

نافذة التحذير

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

تتضمن أيضًا زر "موافق"، يجب على المستخدم النقر على هذا الزر "موافق" للاستمرار.

النص النحوي:

window.alert("msg")

window.alert()يمكن استخدام الطريقة بدون بدءها بـ "window." واستخدامها مباشرة:

alert("Hello world!");

نافذة التأكيد

غالبًا ما تستخدم نافذة التأكيد لتأكيد أو قبول بعض المعلومات.

تبدو نافذة التأكيد مثل نافذة التحذير، لكنها تحتوي على زر "إلغاء" و زر "موافق".

إذا قام المستخدم بالنقر على "موافق"، فإن النافذة تعودtrueإذا قام المستخدم بالنقر على "إلغاء"، فإن النافذة تعودfalse。

النص النحوي:

window.confirm("msg")

window.confirm()يمكن استخدام الطريقة بدون بدءها بـ "window." واستخدامها مباشرة:

var r = confirm("أضغط على زر!");
if (r == true) {
　　　txt = "أنت ضغطت على موافق!";
}
　　　txt = "أنت ضغطت على إلغاء!";
}

نافذة الإشعار

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

نافذة الإشعار تحتوي على حقل إدخال نصي و زر "موافق" و زر "إلغاء".

إذا قام المستخدم بالنقر على "موافق"، فإن النافذة ستعود إلى القيمة المدخلة. إذا قام المستخدم بالنقر على "إلغاء"، فإن النافذة ستعود إلى null.

النص النحوي:

window.prompt("msg", "textDefault")

window.prompt()يمكن استخدام الطريقة بدون بدءها بـ "window." واستخدامها مباشرة:

var name = prompt("أدخل اسمك", "شخص ما");
if (name != null) {
　　　document.getElementById("output").innerHTML = "مرحبًا " + name;
}

ملاحظة:prompt()القيمة التي تعودها الطريقة دائمًا هي النص. هذا يعني أن إذا أدخل المستخدم 15 في حقل الإدخال، فإن النص العائدي هو " 15" وليس العدد 15.

لذلك، إذا كنت بحاجة إلى استخدام القيمة العائدة كعدد، يجب تحويلها، راجعكيفية تحويل أنواع البيانات في JavaScript。

عرض مسافات السطر في نافذة الحوار

لعرض مسافات سطر في نافذة الحوار، استخدم مسافات السطر أو مسافات السطر (\n); علامة الجمع مسبوقة بحرف n.

alert("مرحبًا\nكيف حالك؟");

مزيد من الأمثلة

هذا المثال يعرض أنواع الحوارات التي يدعمها JavaScript: