این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnError در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnError در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی OnError در HTML
رویداد onerror رویدادی است که ما با استفاده از آن میتوانیم یک پیغام ارور یا هشدار یاهم خطا رو در زمانی که یک فایل به هر دلیلی نتونه لود بشه به نمایش درآوریم.
از این رویداد میشه در تگ img یا تگ link یاهم تگ script استفاده کرد، این یعنی مثلا اگه یه فایل جاوا اسکریپت داشتیم ولی در صفحه حالا به هردلیلی لود نشد این رویداد میتونه اجرا بشه و یه پیغام دلخواه به کاربر نشون بده ( ” مثلا بگه فایل لود نشد ” )
Free-Learn
مثال از رویداد عمومی OnError در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
مثال شماره ۱ : تصویر بدون هیچ مشکلی نمایش داده میشود
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <img src="files/logo.png" onerror="MyMessage();"> <script> function MyMessage(){ alert("متاسفانه تصویر لود نشد"); } </script> </body> |
مثال شماره ۲ : همون مثال شماره ۱ هست فقط اینجا دیگه تصویری نیست که بخواد لود بشه
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <img src="myimage/test.jpg" onerror="MyMessage();"> <script> function MyMessage(){ alert("متاسفانه تصویر لود نشد"); } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onerror در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onerror="Script"> |
Free-Learn
جدول مقادیر رویداد onerror
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onerror را میتوان در عناصر/تگ های زیر بکار برد :
| <img> | <object> | <link> |
| <script> | input type=”image” | |
Free-Learn
نکات و توضیحات
- این رویداد فقط زمانی اجرا میشه که اون تصویر یا فایل نتونه لود بشه، وگرنه اگه فایل مشکل نداشته باشه این رویدادم اجرا نمیشه.
