٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

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

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

محمد یوسفی

29 جولای 2021

جاوا اسکریپت دارای سه نوع جعبه پنجره است: جعبه هشدار ، جعبه تأیید و جعبه سریع.


جعبه هشدار

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

با باز شدن جعبه هشدار ، کاربر برای ادامه کار باید “تأیید” را کلیک کند.

نحو

window.alert("sometext");

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

مثال

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

جعبه را تأیید کنید

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

وقتی کادر تأیید ظاهر شد ، کاربر برای ادامه کار باید روی “تأیید” یا “لغو” کلیک کند.

اگر کاربر روی “تأیید” کلیک کند ، کادر درست برگردانده می شود . اگر کاربر روی “لغو” کلیک کند ، جعبه نادرست برمی گردد .

نحو

window.confirm("sometext");

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

مثال

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

جعبه سریع

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

هنگامی که یک جعبه سریع ظاهر می شود ، کاربر باید پس از وارد کردن مقدار ورودی ، روی “تأیید” یا “لغو” کلیک کند.

اگر کاربر روی “تأیید” کلیک کند ، کادر مقدار ورودی را برمی گرداند. اگر کاربر روی “لغو” کلیک کند ، جعبه خنثی می شود.

نحو

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

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

مثال

let person = prompt("Please enter your name", "Harry Potter");
let text;
if (person == null || person == "") {
  text = "User cancelled the prompt.";
} else {
  text = "Hello " + person + "! How are you today?";
}

 


خط شکسته ها

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

مثال

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

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها