آموزش متد prompt در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد prompt در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد prompt در BOM جاوااسکریپت
با استفاده از متد ()prompt که معمولا بهش میگن [ جعبه گفتگو ] میتونیم یک مقدار ورودی از کاربر دریافت نماییم.
یعنی یک جعبه پیغام بهمراه ۲ تا دکمه، OK و Cancel به کاربر نشون میده، که کاربر میتونه یک مقدار وارد کنه و بعدش بروی دکمه OK کلیک کنه.
اگه کاربر یه چیزی وارد کنه و بروی دکمه OK کلیک کنه خب همون چیزی که وارد کرده رو به خروجی میده، ولی اگه چیزی وارد نکنه ( یعنی خالی خالی بروی OK کلیک کنه ) یه متن خالی به خروجی میده، و اگرم کاربر بروی دکمه Cancel کلیک کنه به خروجی null میده.
| مقدار برگشتی | اگه کاربر یک متن وارد کنه مقدار برگشتی میشه همون متن وارد شده اگه بروی دکمه Cancel کلیک کنه هم مقدار برگشتی میشه null |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : نمایش یک جعبه ساده
|
1 2 3 4 5 6 7 8 |
<script> function get(){ var MyMessage; MyMessage = prompt("اسم شما چیست؟"); } </script> |
مثال شماره ۲ : استفاده از مقدار پیش فرض
|
1 2 3 4 5 6 7 8 |
<script> function get(){ var MyMessage; MyMessage = prompt("اسم شما چیست؟","Sadegh"); } </script> |
مثال شماره ۳ : گرفتن و نمایش مقداری که کاربر وارد میکنه
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script> function get(){ var result = document.getElementById("Result"); var MyMessage = prompt("اسم شما چیه؟"); if( MyMessage == null || MyMessage == "" ){ result.innerHTML ="شما بروی دکمه کنسل کلیک کرده اید یا هم کلا باکس رو خالی گذاشتید"; } else{ result.innerHTML = " سلام " + MyMessage + " خوبی؟ "; } } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()prompt | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
prompt( "Your_Text" , "Default_Text" ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Your_Text | اون متن پیغامی که قراره در جعبه نمایش داده بشه |
| Default_Text | یک مقدار پیش فرض برای نمایش در جعبه |
Free-Learn
نکات و توضیحات
- با استفاده از متد ()alert میتونیم یک جعبه هشدار پیغام نمایش بدیم.
- با استفاده از متد ()confirm میتونیم یک جعبه تاییدیه ( OK و Cancel ) نمایش بدیم.
- با استفاده از متد ()prompt میتونیم یک مقدار رو از کاربر ( ورودی ) دریافت نماییم.
Free-Learn
مثال های بیشتر
مثال شماره ۱ : شکستن سطر ( مثه تگ br ) در متن موجود در جعبه
|
1 2 3 4 5 6 7 8 |
<script> function get(){ var MyMessage; MyMessage = prompt("Salam \n Khobi?"); } </script> |
