جافاسكربتما هو BOM

مفهوم BOM

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

BOM هي اختصار لجملة Browser Object Model و هي عبارة عن الأوامر التي يمكن استخدامها للوصول للمتصفح الذي يستعمله المستخدم.

مكونات BOM

الكائن الذي يتيح لك الوصول لخصائص و دوال المتصفح يسمى window و يمكنك تصور أنه موجود كأعلى كائن في الصفحة.

الآن عليك معرفة أن الكائن window قد يحتويان على أشياء موجودة نفسها في الكائن document الذي كنا قد تطرقنا إليه في دروس سابقة. فمثلاً يمكنك كتابة document.location أو window.location للحصول على مسار الصفحة المفتوحة.

// جميع الأوامر التالية تعرض مسار الصفحة المفتوحة حالياً
document.write(window.location + '<br>');
document.write(document.location);

و بما أن الكائن document موجود في الكائن window فإنه يمكنك الوصول إليه من خلال كتابة window.document و من بعدها تستطيع الوصول لأي شيء موجود فيه أيضاً.

// الأمر التالي يعرض مسار الصفحة المفتوحة حالياً
document.write(window.document.location);