هشدارهای جاوااسکریپت

هشدارهای جاوااسکریپت

دسته بندی : آموزش Javascript سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 19 اسفند 1399

هشدارهای جاوااسکریپت اطلاعات مربوطه یا داده هایی را که باید تأیید شوند به کاربران ارائه می دهد. افزودن هشدارهای جاوا اسکریپت باعث می شود وب سایت ها پویاتر و آموزنده تر شوند.

این آموزش شامل سه نوع پنجره بازشو است که JavaScript ارائه می دهد: هشدار ، تأیید و سریع. شما با استفاده از این پنجره های بازشو و روش های بهبود وب سایت ها آشنا خواهید شد.

نکات اصلی هشدارهای جاوااسکریپت:

  • پنج نوع پنجره بازشو جاوا اسکریپت وجود دارد: هشدار ، تأیید و اعلان.
  • برای نوشتن چندین خط در یک پنجره بازشو جاوا اسکریپت ، باید از رشته “\ n” استفاده کنید.
  • هنگام نوشتن روش های جعبه پاپ آپ نیازی به استفاده از پیشوند پنجره نیست.

جعبه هشدار

جعبه هشدار جاوا اسکریپت هنگامی استفاده می شود که برای دسترسی به کاربر به اطلاعاتی نیاز دارید. هنگامی که جعبه هشدار نشان داده می شود ، کاربر برای از سرگیری فعالیت خود باید دکمه تأیید را فشار دهد. فعالیت کاربر را قطع می کند ، بنابراین باید در استفاده از آن مراقب باشید.

برای نمایش جعبه هشدار JavaScript می توانید کد زیر را بنویسید:

window.alert (“متن هشدار!”)؛

پیشوند پنجره اجباری نیست. می توانید کد را بدون آن بنویسید:

هشدار (“متن هشدار!”) ؛

مثال زیر یک هشدار پاپ آپ ایجاد می کند که شامل دو خط متن است:

alert("Hello\nHow are you?");

تایید جعبه

هنگامی که شما به کاربر نیاز دارید چیزی را بپذیرد ، از جعبه pop-up تأیید استفاده می شود. با باز شدن کادر بازشو تأیید ، کاربر باید یکی از دو دکمه (تأیید یا لغو) را کلیک کند تا جعبه بسته شود. OK درست است ، در حالی که CANCEL نادرست است.

برای نمایش یک کادر تأیید می توانید کد زیر را بنویسید:

window.confirm (“اطلاعات تأیید”)؛

پیشوند پنجره نیز در اینجا اجباری نیست. می توانید کد را بدون آن بنویسید:

تأیید (“اطلاعات تأیید”)؛

در صورت کلیک بر روی دکمه OK ، کادر تأیید درست برمی گردد و در صورت لغو CANCEL ، نادرست برمی گردد:

var r = confirm("Confirm something!");
if (r == true) { 
   x = "OK was pressed";  
}  
else {
   x = "Cancel was pressed";  
}

جعبه سریع

جعبه اعلان در مواقعی استفاده می شود که شما نیاز دارید کاربر قبل از اقدام به وارد کردن اطلاعاتی کند. برای خاموش کردن جعبه سریع ، کاربر باید بر روی دکمه های تأیید یا لغو کلیک کند.

در صورت کلیک بر روی دکمه تأیید ، جعبه تأیید داده ورودی را برمی گرداند. در صورت کلیک بر روی دکمه CANCEL ، این حالت صفر برمی گردد.

برای نمایش یک جعبه سریع می توانید کد زیر را بنویسید:

window.prompt (“متن اطلاعات” ، “متن پیش فرض”)؛

درست مثل قبل ، پیشوند پنجره اجباری نیست. می توانید کد را بدون آن بنویسید:

prompt (“متن اطلاعات” ، “متن پیش فرض”)؛

برای دریافت ایده واضح تری به مثال زیر مراجعه کنید و روی آن کلیک کنید! برای دیدن نحوه کار:

function firstFunction() {
    var txt;
    var person = prompt("Please enter your full name:", "Harry Potter");
    if (person  == null || person  == "") {
        txt = "User cancelled the prompt.";
    } else {
        txt = "Hello " + person + "! How are you today?"
    }
    document.getElementById("test").innerHTML = txt;
}

خلاصه هشدارهای جاوااسکریپت:

  • اگر می خواهید نوعی هشدار را به کاربر نمایش دهید ، از هشدار استفاده کنید.
  • اگر می خواهید یک جعبه تأیید با دکمه های گزینه نمایش داده شود ، از تأیید استفاده کنید.
  • اگر می خواهید از پنجره بازشو با دکمه های ورودی و گزینه استفاده کنید ، که می تواند مقادیر ورودی را نمایش دهد ، از prompt استفاده کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊