JavaScript

JavaScript Browser Object Model Introduction - BOM
مقدمة في نموذج كائن المستند في لغة جافا سكريبت

سوف تتعلم في هذا الدرس تعامل لغة جافا سكريبت مع المتصفحات المختلفة والتعامل مع نوافذ وقواعد البيانات وسجل البيانات داخل المتصفحات.

التاريخ

26 نوفمبر 2022

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

620

المواضيع

24
الشروحات chevron_left JavaScript Browser Object Model Introduction - BOM chevron_left JavaScript

JavaScript Browser Object Model Introduction - ( BOM )
مقدمة في نموذج كائن المتصفح في لغة جافا سكريبت

</> مقدمة في نموذج كائن المتصفح في لغة جافا سكريبت
JavaScript Browser Object Model Introduction - ( BOM )

Browser Object Model (BOM) هو عبارة عن كائن مصمم خصيصاً لمحاكاة أو التواصل مع المتصفحات المختلفة بلغة جافا سكريبت.

يتفرع من كائن Browser Object Model (BOM) عدة كائنات أهم وابرز هذه الكائنات:

[windows - screen - location history - navigator - popup alert - timing - cookies - local storage - XMLHttpRequest].


ما الذي يمكننا فعله بواسطة كائنات Browser Object Model (BOM)؟

  • يمكن تنفيذ أمر برمجي عند تكبير وتصغير نافذة الويب من قبل المستخدم.
  • يمكن قراءة أبعاد نافذة الويب من حيث الطول والعرض وبناء عليها يمكن تنفيذ أمر برمجي.
  • يمكن تنفيذ أمر برمجي عند فتح نافذة الويب ويمكن أيضا نفيذ أمر برمجي عند إغلاقها من قبل المستخدم.
  • يمكن قراء أبعاد شاشة المستخدم أو زائر صفحة الويب من حيث الطول والعرض وبناء عليها يمكن تنفيذ أمر برمجي.
  • يمكن اظهار رسائل تحذيرية أو رسائل تأكيد للمستخدمين عند تحميل نافذة الويب أو عند قيام المستخدم بالنقر فوق عنصر داخل صفحة الويب.
  • يمكن قراءة سجل المتصفح للصفحات المختلفة لتطبيقات الويب بواسطة جافا سكريبت.
  • يمكن التنقل بين صفحات تطبيق الويب للأمام أو للخلف ويمكن توجيه المستخدم لصفحات أخري.
  • يمكن معرفة الموقع الجغرافي للمستخدمين حول العالم بعد أخذ إذن المستخدم.
  • يمكن تمرير أمر برمجي بعد وقت محدد ويمكن تكراره بعد وقت محدد مثل معرض الصور.
  • يمكن حفظ واسترجاع بيانات حساسة وغير حساسة دخل المتصفحات في أجهزة المستخدمين بواسطة BOM.

</> window object in javascript
كائن window في لغة جافا سكريبت

الكائنات المُتفرعة من كائن window في في نموذج كائن المتصفح بلغة جافا سكريبت:

  • window.location
  • ()window.close
  • ()window.resizeTo
  • ()window.moveTo

</> window navigator in javascript
كائن navigator في لغة جافا سكريبت

الكائنات المُتفرعة من كائن navigator في في نموذج كائن المتصفح بلغة جافا سكريبت:

  • navigator.userAgent
  • navigator.platform
  • navigator.language
  • navigator.geolocation

</> window screen in javascript
كائن screen في لغة جافا سكريبت

الكائنات المُتفرعة من كائن navigator في في نموذج كائن المتصفح بلغة جافا سكريبت:

  • screen.width
  • screen.height
  • screen.colorDepth
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات