جافا سكريبت

1. Java Script
‫سكريبت‬ ‫جافا‬

2. ‫الكائن‬Object
‫الكائن‬‫هو‬‫متغير‬‫خاص‬‫يحتوي‬‫على‬‫مجموعة‬‫من‬‫الخصائص‬
(‫المتغيرات‬)‫والسلوكيات‬(‫الدوال‬).
‫تحتوي‬‫كل‬‫حالة‬‫حدوث‬(instance)‫من‬‫الكائن‬‫نسختها‬‫الخاصة‬
‫من‬‫قيم‬،‫الخصائص‬‫كما‬‫يمكن‬‫أن‬‫يكون‬‫لها‬‫طريقتها‬‫الخاصة‬‫في‬
‫تنفيذ‬‫الدوال‬.
‫تتعامل‬‫لغة‬‫جافا‬‫سكريبت‬‫مع‬‫العديد‬‫من‬‫المكونات‬‫على‬‫أن‬‫ها‬
‫كائنات‬.‫مثال‬:‫المستند‬(‫ملف‬‫الويب‬)،‫نافذة‬،‫المتصفح‬‫ا‬‫لنماذج‬
forms،،‫النصوص‬‫ألخ‬...‫وتسمى‬‫الكائنات‬‫المضمنة‬.
‫يتم‬‫استدعاء‬‫الخاصية‬‫أو‬‫الدالة‬‫عن‬‫طريق‬‫كتابة‬‫إسم‬‫الكائ‬‫ن‬
‫متبوعا‬‫بنقطة‬(.)‫ثم‬‫إسم‬‫الدالة‬‫أو‬‫الخاصية‬.

3. ‫الحدث‬Event
‫الحدث‬‫هو‬‫فعل‬‫معين‬‫يقوم‬‫به‬‫المستخدم‬‫مثل‬‫الضغط‬‫با‬‫لماوس‬
‫على‬‫زر‬،‫معين‬‫أو‬‫تمرير‬‫الماوس‬‫فوق‬‫منطقة‬،‫معينة‬‫ألخ‬.
‫يكون‬‫الحدث‬‫مربوطا‬‫بشفرة‬‫جافا‬‫سكريبت‬‫معينة‬‫يت‬‫م‬‫تنفيذها‬
‫عند‬‫حدوثه‬.
‫من‬‫أمثلة‬‫األحداث‬:
onclick, onmouseover, onmouseout, onblur,
onfocus, etc…
‫به‬ ‫الخاصة‬ ‫األحداث‬ ‫الكائنات‬ ‫من‬ ‫كائن‬ ‫لكل‬.

4. ‫المضمنة‬ ‫الكائنات‬
‫تحتاج‬ ‫وال‬ ،‫سكريبت‬ ‫جافا‬ ‫لغة‬ ‫في‬ ‫موجودة‬ ‫كائنات‬ ‫هي‬
‫المستخدم‬ ‫من‬ ‫لتعريف‬.
‫أمثلتها‬ ‫من‬:‫المستند‬(‫الويب‬ ‫ملف‬)،‫المتصفح‬ ‫نافذة‬ ،‫ا‬‫لكائن‬
‫الرياضي‬Math‫ألخ‬ ،.....

5. ‫النص‬ ‫كائن‬String Object
‫أهم‬‫الخصائص‬:
.ilength:‫ترجع‬‫عدد‬‫األحرف‬‫في‬‫النص‬.
‫أهم‬‫الدوال‬:
.icharAt():‫ترجع‬‫الحرف‬‫في‬‫الموضع‬‫المحدد‬‫في‬‫المعامل‬.
.iiindexOf():‫ترجع‬‫رقم‬‫يمثل‬‫فهرس‬‫أول‬‫ظهور‬‫للنص‬
‫الممرر‬‫كمعامل‬.
.iiilastIndexOf():‫ترجع‬‫رقم‬‫يمثل‬‫فهرس‬‫آخر‬‫ظهور‬
‫للنص‬‫الممرر‬‫كمعامل‬.

6. ‫تابع‬.....‫النص‬ ‫كائن‬
.ivsplit():‫ترجع‬‫مصفوفة‬‫من‬‫النص‬‫األصلي‬‫حسب‬‫رقم‬
‫التقسيم‬‫الممرر‬‫كمعامل‬.
.vsubstring():‫ترجع‬‫جزء‬‫من‬‫النص‬‫حسب‬‫موضعي‬
‫البداية‬‫والنهاية‬‫الممررين‬‫كمعامالت‬.
.vitoLowerCase():‫ترجع‬‫النص‬‫اإلنجليزي‬‫بعد‬‫تحويل‬‫كل‬
‫حروفه‬‫إلى‬‫حروف‬‫صغيرة‬.
.viitoUpperCase():‫ترجع‬‫النص‬‫اإلنجليزي‬‫بعد‬‫تحويل‬‫كل‬
‫حروفه‬‫إلى‬‫حروف‬‫كبيرة‬
.viiitoString():‫تحول‬‫القيمة‬‫الرقمية‬‫إلى‬‫قيمة‬‫نصية‬.

7. ‫المستند‬ ‫كائن‬document Object
‫أهم‬‫الخصائص‬:
.ibgcolor:‫تحمل‬‫قيمة‬‫لون‬‫خلفية‬‫الصفحة‬.
.iigetElementById("id_name").innerHTML:‫تخزن‬
‫النص‬‫الموجود‬‫في‬‫الوسم‬‫ذو‬‫خاصية‬id‫المعينة‬‫والممررة‬
‫كمعامل‬‫للدالة‬.
‫أهم‬‫الدوال‬:
.iwrite():‫دالة‬‫اإلخراج‬‫الرئيسية‬.‫تطبع‬‫النص‬‫الممرر‬‫لها‬
‫كمعامل‬.
.iiwriteln():‫دالة‬‫اإلخراج‬‫األخرى‬.‫تطبع‬‫النص‬‫الممرر‬‫لها‬
‫كمعامل‬‫وتضيف‬‫مسافة‬.

8. ‫النافذة‬ ‫كائن‬window Object
‫أهم‬‫الخصائص‬:
.istatus:‫لطباعة‬‫نص‬‫على‬‫شريط‬‫الحالة‬‫أسفل‬‫المتصفح‬.
.iilocation:‫إلعادة‬‫توجيه‬‫المستخدم‬‫لصفحة‬‫أخرى‬.
‫أهم‬‫الدوال‬:
.ialert():‫لطباعة‬‫رسالة‬‫تحذير‬‫في‬‫مربع‬‫حوار‬.
.iiprompt():‫تظهر‬‫مربع‬‫حوار‬‫إلستقبال‬‫البيانات‬‫من‬‫المس‬‫تخدم‬
‫في‬‫شكل‬‫نص‬.
.iiiopen():‫لفتح‬‫نافذة‬‫متصفح‬‫جديدة‬.
.ivclose():‫إلغالق‬‫نافذة‬‫المتصفح‬‫الحالية‬.

9. ‫تابع‬......‫النافذة‬ ‫كائن‬
‫األحداث‬ ‫أهم‬:
.ionload:‫تح‬ ‫بدء‬ ‫عند‬ ‫به‬ ‫المرتبطة‬ ‫الدالة‬ ‫تنفيذ‬ ‫يتم‬‫ميل‬
‫الصفحة‬.
.iionunload:‫إغالق‬ ‫عند‬ ‫به‬ ‫المرتبطة‬ ‫الدالة‬ ‫تنفيذ‬ ‫يتم‬
‫الصفحة‬.
.iiionfocus:‫تكون‬ ‫عندما‬ ‫به‬ ‫المرتبطة‬ ‫الدالة‬ ‫تنفيذ‬ ‫يتم‬
‫النشطة‬ ‫الصفحة‬ ‫هي‬ ‫الصفحة‬.
.ivonblur:‫تصي‬ ‫عندما‬ ‫به‬ ‫المرتبطة‬ ‫الدالة‬ ‫تنفيذ‬ ‫يتم‬‫الصفحة‬ ‫ر‬
‫نشطة‬ ‫غير‬.

10. ‫كائن‬Math
‫الدوال‬ ‫أهم‬:
.imin():‫الممررة‬ ‫األرقام‬ ‫مجموعة‬ ‫من‬ ‫الصغرى‬ ‫القيمة‬ ‫ترجع‬
‫كمعامالت‬.
.iimax():‫الممررة‬ ‫األرقام‬ ‫مجموعة‬ ‫من‬ ‫الكبرى‬ ‫القيمة‬ ‫ترجع‬
‫كمعامالت‬.
.iiirandom():‫عشوائي‬ ‫رقم‬ ‫ترجع‬(‫عشري‬ ‫كسر‬)‫بين‬0-1.
.ivround():‫رقم‬ ‫ألقرب‬ ‫العشري‬ ‫الكسر‬ ‫ذو‬ ‫الرقم‬ ‫تقرب‬‫صح‬‫يح‬.
.vsqrt():‫الممرر‬ ‫للرقم‬ ‫التربيعي‬ ‫الجذر‬ ‫ترجع‬‫كمعامل‬.