نموذج كائن المستعرض (BOM) يسمح جافا سكريبت ل"التحدث" المتصفح.
نموذج كائن المستعرض (BOM)
لا توجد معايير رسمية لطراز كائن المستعرض (BOM).
منذ المتصفحات الحديثة نفذت (تقريبا) نفس الأساليب والخصائص لجافا سكريبت التفاعل، فإنه غالبا ما يشار إليها، كما أساليب وخصائص BOM.
في Window كائن
في window ويدعم الكائن من قبل جميع المتصفحات. وهي تمثل نافذة المتصفح.
كل الأشياء العالمية جافا سكريبت، وظائف، والمتغيرات تصبح تلقائيا أعضاء الكائن الإطار.
المتغيرات العالمية وخصائص الكائن النافذة.
وظائف العالمية هي أساليب الكائن النافذة.
حتى كائن المستند (DOM من HTML) هو خاصية الكائن نافذة:
window.document.getElementById("header");
بالضبط مثل:
document.getElementById("header");
نافذة الحجم
خاصيتين يمكن استخدامها لتحديد حجم نافذة المتصفح.
كل من العقارات تعود أحجام بالبكسل:
- window.innerHeight - الارتفاع الداخلي للنافذة المتصفح (في بكسل)
- window.innerWidth - عرض الداخلي من نافذة المتصفح (في بكسل)
نافذة المتصفح (منفذ العرض المتصفح) لا بما أشرطة الأدوات وأشرطة التمرير.
ل Internet Explorer 8، 7، 6، 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
حل جافا سكريبت العملي (تغطي جميع المتصفحات):
مثال
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; انها محاولة لنفسك » يعرض المثال ارتفاع نافذة المتصفح والعرض: (لا تشمل أشرطة الأدوات / التمرير)
الأخرى Window طرق
بعض الأساليب الأخرى:
- window.open() - فتح نافذة جديدة
- window.close() - إغلاق النافذة الحالية
- window.moveTo() -move الإطار الحالي
- window.resizeTo() -resize الإطار الحالي