جسٹ اسکریپٹ ویندو - براوزر آپریشن ماڈل

مدل شیء مرورگر (Browser Object Model (BOM) به JavaScript اجازه می‌دهد تا با مرورگر صحبت کند.

مدل شیء مرورگر (Browser Object Model (BOM))

معیار رسمی برای مدل شیء مرورگر (BOM) وجود ندارد.

مرورگرهای مدرن (تقریباً) روش‌ها و خاصیت‌های مشابهی برای تعامل JavaScript را پیاده‌سازی کرده‌اند، بنابراین آن‌ها اغلب به عنوان روش‌ها و خاصیت‌های BOM ذکر می‌شوند.

شیء Window

تمام مرورگرها از آن پشتیبانی می‌کنند window شیء. این آن را نمایان می‌کند.

تمام اجزای JavaScript جهانی، توابع و متغیرها به صورت خودکار عضو شیء window می‌شوند.

متغیرهای جهانی خاصیت‌های شیء window هستند.

توابع جهانی روش‌های شیء window هستند.

حتی (اجزای DOM HTML) مستند نیز یک خاصیت از شیء window است:

window.document.getElementById("header");

برابر است با:

document.getElementById("header");

اندازه پنجره

این دو خاصیت می‌توانند برای تعیین اندازه پنجره مرورگر استفاده شوند.

این دو خاصیت به صورت پیکسل اندازه‌ها را برمی‌گردانند:

  • window.innerHeight - ارتفاع پنجره مرورگر داخلی (به پیکسل)
  • window.innerWidth - عرض پنجره مرورگر داخلی (به پیکسل)

منظور از پنجره مرورگر (منظور از视口 مرورگر) شامل نوار ابزار و نوار прокسیل نیست.

برای اینترنت اکسپلورر 8، 7، 6، 5:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

یا

  • 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.open() - نئی ونڈو کھولنا
  • window.close() - حالیہ ونڈو کو بند کرنا
  • window.moveTo() - حالیہ ونڈو کو حرکت دینا
  • window.resizeTo() - حالیہ ونڈو کو دوبارہ چارچا کرنا