تنبيه جافا سكريبت () - دروس جافا سكريبت

ال يُحذًِر() يتم استخدام الطريقة في JavaScript لعرض مربع تنبيه افتراضي. يتم استخدامه في الغالب لإعطاء رسالة تحذير للمستخدمين. يعرض مربع حوار تنبيه يتكون من بعض الرسائل المحددة (وهي اختيارية) وزر موافق. عندما ينبثق مربع الحوار، يتعين علينا النقر فوق 'موافق' للمتابعة.

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

يمكننا أن نفهم فائدة طريقة التنبيه باستخدام مثال. لنفترض أن علينا ملء نموذج لبطاقة الهوية. ويسأل عن تاريخ الميلاد لمعايير استحقاق بطاقة الهوية. إذا كان عمرك 18 عامًا أو أكثر، فستستمر العملية. وإلا ستظهر رسالة تحذيرية مفادها أن العمر أقل من 18 عامًا. رسالة التحذير هذه هي 'صندوق التنبيه'.

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

بدلاً من إظهار التحذيرات أو الأخطاء، يمكن استخدام مربع حوار التنبيه للرسائل العادية مثل ' مرحبًا بعودتك'، 'مرحبًا XYZ' ، إلخ.

بناء الجملة

 alert(message)

قيم

رسالة: وهي عبارة عن سلسلة اختيارية تحدد النص الذي سيتم عرضه في مربع التنبيه. وهو يتألف من المعلومات التي نريد إظهارها للمستخدمين.

دعونا نرى بعض الأمثلة على جافا سكريبت طريقة التنبيه ().

مثال 1

في هذا المثال، يوجد مربع حوار تنبيه بسيط يحتوي على رسالة وزر موافق. هنا، هناك زر HTML والذي يستخدم لعرض صندوق التنبيه. نحن نستخدم عند النقر السمة واستدعاء هزار() وظيفة حيث يُحذًِر() ويعرف.

 function fun() { alert (&apos;This is an alert dialog box&apos;); } <p> Click the following button to see the effect </p>

اختبره الآن

انتاج |

بعد الضغط على الزر سيكون الناتج -

مثال2

في هذا المثال، يوجد مربع حوار تنبيه يحتوي على رسالة وزر موافق. هنا، نستخدم فواصل الأسطر في رسالة مربع التنبيه. يتم تحديد فواصل الأسطر باستخدام 'ن' . فواصل الأسطر تجعل الرسالة قابلة للقراءة وواضحة. يتعين علينا النقر فوق الزر المحدد لرؤية التأثير.

 function fun() { alert (&apos; Hello World 
 Welcome to the javaTpoint.com 
 This is an alert dialog box &apos;); } <p> Click the following button to see the effect </p>

اختبره الآن

انتاج |

بعد الضغط على الزر سيكون الناتج -

مثال

في هذا المثال، يوجد مربع حوار تنبيه يحتوي على رسالة وزر موافق. هنا، يعرض مربع التنبيه عنوان URL للصفحة المقابلة. يتم تعريف عنوان URL باستخدام تنبيه (الموقع. اسم المضيف)؛ إفادة.

 function fun() { alert(location.hostname); } <p> Click the following button to see the effect </p>

اختبره الآن