التخطي إلى المحتوى
شرح دوره الـ JavaScript للمبتدئين – الدرس الثامن عشر

 تابعنا فى الدرس السابع عشر  شرح  image object وتحدثنا على الخصائص الخاصه به ويمكنكم الرجوع إليه من خلال هذا الرابط
الدرس السابع عشر 

وإليكم بعض الأمثله عن هذه الخصائص

 مـــــــثال

استخدام الخاصيه (complete)

يمكنك استخدام الكود السابق بعد حذف وسوم التعليق –!> من البدايه وهذا <–  من النهايه

وعند تنفيذ الكود السابق سوف نرى:

ملحـوظـه

  1. فى الرساله الظاهره من خلال الصوره نرى أن المتصفح اعاد لنا قيمه true لانه حمل الصوره بنجاح.
  2. عند استخدام الكود السابق يجب أن تضع مسار لصوره موجوده لديك على جهاز الكمبيوتر, وتحدثنا عن كيفيه وضع الصوره فى الدرس السابق.
  3. نلاحظ من المثال اننا استخدمنا حدث onLoad فى وسم body مع الخاصيه complete .

 مـــــــثال

استخدام معالج الحدث (onload – onerror)

يمكنك استخدام الكود السابق بعد حذف وسوم التعليق –!> من البدايه وهذا <–  من النهايه

عند تنفيذ الكود يظهر الآتى:

ولاختبار onerror event سوف احذف حرف من مسار الصوره فى الكود كما هو ظاهر فى الآتى:

<img src=“cat1.gi onload=”loadImage()”  onerror=”alert(‘The image could not be loaded.’)” height=”200″ width=”200″ >

وعند التنفيذ سيظهر التالى:

وهنا نلاحظ أن الصوره لم تظهر كما أن الرساله المكتوبه فى معالج الحدث onerror ظهرت لان مسار الصوره لم يكتب صحيح.

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

خاصيه align

هذه الخاصيه تابعه للـ image object وتستخدم لعمل محاذاه لليمين أو اليسار أى تحريك الصوره لليمين أو اليسار وهذه الخاصيه بتأخذ قيم أما right أو  left

 مـــــــثال

استخدام الخاصيه (src – align )

عن الكاتب

التعليقات

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Shares