بما أننا سنستخدم المتصفح كبيئة تجريبية، فلنرى وظيفتين للتفاعل مع المستخدم: alert
prompt
confirm
.
هذا واحد رأيناه بالفعل. تظهر رسالة وتنتظر حتى يضغط المستخدم على "موافق".
على سبيل المثال:
تنبيه("مرحبا");
تسمى النافذة الصغيرة التي تحتوي على الرسالة بالنافذة المشروطة . كلمة "مشروط" تعني أنه لا يمكن للزائر التفاعل مع بقية الصفحة، أو الضغط على الأزرار الأخرى، وما إلى ذلك، حتى يتم التعامل مع النافذة. في هذه الحالة - حتى يضغطوا على "موافق".
يقبل prompt
الدالة وسيطتين:
النتيجة = موجه (العنوان، [افتراضي])؛
تظهر نافذة مشروطة تحتوي على رسالة نصية، وحقل إدخال للزائر، والأزرار موافق/إلغاء.
title
النص الذي سيظهر للزائر.
default
معلمة ثانية اختيارية، القيمة الأولية لحقل الإدخال.
الأقواس المربعة في بناء الجملة [...]
تشير الأقواس المربعة حول default
في الصيغة أعلاه إلى أن المعلمة اختيارية وليست مطلوبة.
يمكن للزائر كتابة شيء ما في حقل الإدخال الفوري والضغط على "موافق". ثم نحصل على هذا النص في result
. أو يمكنهم إلغاء الإدخال بالضغط على إلغاء أو الضغط على مفتاح Esc ، ثم نحصل على result
null
.
يؤدي استدعاء prompt
إلى إرجاع النص من حقل الإدخال أو null
إذا تم إلغاء الإدخال.
على سبيل المثال:
Let age = موجه('كم عمرك؟', 100); تنبيه("عمرك ${age} سنة!`); // عمرك 100 عام!
في IE: قم دائمًا بتوفير الإعداد default
المعلمة الثانية اختيارية، ولكن إذا لم نوفرها، فسيقوم Internet Explorer بإدراج النص "undefined"
في الموجه.
قم بتشغيل هذا الكود في Internet Explorer لترى:
دع الاختبار = موجه("اختبار");
لذا، لكي تبدو المطالبات جيدة في IE، نوصي دائمًا بتوفير الوسيطة الثانية:
دع الاختبار = موجه("اختبار"، ''); // <-- لـ IE
بناء الجملة:
النتيجة = تأكيد(سؤال);
تعرض وظيفة confirm
نافذة مشروطة تحتوي على question
وزرين: موافق وإلغاء.
تكون النتيجة true
إذا تم الضغط على OK false
في حالة عدم ذلك.
على سبيل المثال:
Let isBoss = Confirm("هل أنت الرئيس؟"); تنبيه(isBoss); // صحيح إذا تم الضغط على موافق
قمنا بتغطية 3 وظائف خاصة بالمتصفح للتفاعل مع الزوار:
alert
يظهر رسالة.
prompt
تظهر رسالة تطلب من المستخدم إدخال نص. يقوم بإرجاع النص، أو إذا تم النقر فوق الزر Cancel (إلغاء) أو Esc ، null
.
confirm
يظهر رسالة وينتظر حتى يضغط المستخدم على "موافق" أو "إلغاء". يُرجع true
لـ OK و false
لـ Cancel/ Esc .
كل هذه الأساليب مشروطة: فهي توقف تنفيذ البرنامج النصي مؤقتًا ولا تسمح للزائر بالتفاعل مع بقية الصفحة حتى يتم إغلاق النافذة.
هناك نوعان من القيود المشتركة بين جميع الطرق المذكورة أعلاه:
يتم تحديد الموقع الدقيق للنافذة المشروطة بواسطة المتصفح. عادة، يكون في المركز.
يعتمد المظهر الدقيق للنافذة أيضًا على المتصفح. لا يمكننا تعديله.
وهذا هو ثمن البساطة. هناك طرق أخرى لإظهار نوافذ أجمل وتفاعل أكثر ثراءً مع الزائر، ولكن إذا لم تكن "الأجراس والصفارات" ذات أهمية كبيرة، فإن هذه الأساليب تعمل بشكل جيد.
الأهمية: 4
قم بإنشاء صفحة ويب تطلب اسمًا وتخرجه.
قم بتشغيل العرض التوضيحي
كود جافا سكريبت:
Let name = موجه("ما اسمك؟", ""); تنبيه (الاسم)؛
الصفحة كاملة:
<!DOCTYPE html> <أتش تي أم أل> <الجسم> <النص البرمجي> "استخدام صارم"؛ Let name = موجه("ما اسمك؟", ""); تنبيه (الاسم)؛ </script> </الجسم> </html>