این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnBeforeUnload در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnBeforeUnload در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی OnBeforeUnload در HTML
رویداد onbeforeunload رویدادی است که میتواند قبل از بازشدن یا لود شدن یک صفحه اجرا شود، ( یاهم ممکنه وقتی میخواید صفحه فعلی رو ببندید اجرا بشه ) که معمولا بهمراه یک پیغام هشدار نمایش داده میشه.
این پیغام هشدار معمولا در مرورگرها به این صورت است ?Are you sure you want to leave this page که یعنی آیا شما مطمئن هستید میخواهید از این صفحه خارج شوید؟ بعدش معمولا ۲تا گزینه داره :
- Leave Page ( ترک صفحه فعلی )
- Stay On Page ( ماندن در صفحه جاری )
یا هم ممکنه متن پیغام دقیقا اون متن بالایی نباشه ، یاهم اصلا ممکنه چیزی نشون نده یاهم نشون بده ولی متن پیغامش چیز دیگه ای باشه، والا دیگه اینش دست منو شما نیست.
Free-Learn
مثال از رویداد عمومی OnBeforeUnload در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
در مثال زیر اگه توجه کنید من در return یه متن دلخواه ( Aya Mikhahid Kharej Shavid ) نوشتم، نشون دادن یا ندادن این متن با خداست، چون ممکنه در هیچکدام از مرورگرها این پیغامو نشون نده.
|
1 2 3 4 5 6 7 8 9 10 11 |
<body onbeforeunload="return MyMessage();"> <a href="https://free-learn.ir">اینجا کلیک نمایید</a> <script> function MyMessage(){ return "Aya Mikhahid Kharej Shavid?"; } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onbeforeunload در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onbeforeunload="Script"> |
Free-Learn
جدول مقادیر رویداد onbeforeunload
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onbeforeunload را میتوان در عناصر/تگ های زیر بکار برد :
| <body> |
Free-Learn
نکات و توضیحات
- در برخی از مرورگرها ممکنه کلا هیچ پیغامی نشون ندن و اگه هم نشون بدن ممکنه متن پیغامشون متفاوت باشه، این یه چیز کاملا متغیر هست و دست منو شما نیست، و همچنین این پیغام کلا قابل حذف نیست.
