جعبه پیغام

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
(تغییرمسیر از JavaScript:جعبه پیغام)
پرش به ناوبری پرش به جستجو

جاوا اسکریپت سه نوع جعبه پیغام (Popup box) دارد: [۱]

  1. جعبه هشدار (Alert)
  2. جعبه تأیید (Confirm)
  3. جعبه اعلان (Promot)


جعبه هشدار (Alert)

جعبه هشدار زمانی استفاده می‌شود که شما می‌خواهید از نمایش اطلاعات به کاربر اطمینان حاصل کنید.

زمانی که یک جعبه هشدار نمایش داده می‌شود، کاربر مجبور است تا روی دکمه "OK" برای ادامه پروسه کلیک کند.

شیوه نوشتار

window.alert("sometext");

متد window.alert() را می‌توان بدون پیشوند window نوشت.

مثال

alert("I am an alert box!");


مشاهدهٔ نتیجه


جعبه تأیید (Confirm)

جعبه تأیید زمانی استفاده می‌شود که شما می‌خواهید کاربر چیزی را تأیید کند.

زمانی که جعبه تأیید نمایش داده می‌شود، کاربر یا روی "OK" یا روی "Cancel" برای ادامه پروسه کلیک خواهد کرد.

در صورتی کاربر روی "OK" کلیک کند، جعبه مقدار true را برمی‌گرداند. اگر کاربر روی "Cancel" کلیک کند، جعبه مقدار false را برمی‌گرداند.

شیوه نوشتار

window.confirm("sometext");

متد window.confirm() را می‌توان بدون پیشوند window نوشت.

مثال

if (confirm("Press a button!")) {
  txt = "You pressed OK!";
} else {
  txt = "You pressed Cancel!";
}


مشاهدهٔ نتیجه


جعبه اعلان (Promot)

جعبه اعلان زمانی استفاده می‌شود که شما می‌خواهید از کاربر مقدار ورودی را قبل از ورود به یک صفحه دریافت کنید.

زمانی که جعبه اعلان ظاهر می‌شود، کاربر می‌بایست روی "OK" یا "Cancel" بعد از وارد کردن مقدار ورودی خواسته شده، برای ادامه پروسه کلیک کند.

اگر کاربر روی "OK" کلیک کند، جعبه مقدار ورودی دریافت شده را برمی‌گرداند. اگر کاربر روی "Cancel" کلیک کند، جعبه مقدار null را برمی‌گرداند.

شیوه نوشتار

window.prompt("sometext","defaultText");

متد window.prompt() رامی توان بدون پیشوند window نوشت.

مثال

var person = prompt("Please enter your name", "Harry Potter");

if (person == null || person == "") {
  txt = "User cancelled the prompt.";
} else {
  txt = "Hello " + person + "! How are you today?";
}


مشاهدهٔ نتیجه


ایجاد فاصله بین خطوط در جعبه پیام ها

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

مثال

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


مشاهدهٔ نتیجه



منابع آموزشی