Window در JavaScript - مدل شیء مرورگر(BOM)

مدل Object Browser (BOM) جاوا اسکریپت را قادر می سازد تا با مرورگر صحبت کند.

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

هیچ استاندارد رسمی برای Object Browser Model  (BOM) وجود ندارد.

از آنجا که مرورگرهای مدرن (تقریبا) همان روش ها و ویژگی های تعاملی جاوا اسکریپت را اجرا می کنند، اغلب به عنوان روش ها و ویژگی های BOM به آن اشاره می شود.

شی Window

شیء Window توسط تمام مرورگرها پشتیبانی می شود. این Window مرورگر را نشان می دهد.
تمام اشیاء جاوا، توابع و متغیرهای جاوااسکریپت به صورت خودکار به اعضای شیء Window تبدیل می شوند.
متغیرهای جهانی خواص شیء Window هستند.
توابع جهانی روش شیء Window است.
حتی شیء سند (از HTML DOM) یک ویژگی از شیء Window است:

window.document.getElementById("header");

مثل این هست که:

document.getElementById("header");

اندازه Window

برای تعیین اندازه Window مرورگر می توان از دو ویژگی استفاده کرد.

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

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

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

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth
  • or
  • document.body.clientHeight
  • document.body.clientWidth

یک راهکار جاوااسکریپت عملی (شامل تمام مرورگرها):

window
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 - پنجره فعلی را حذف کنید
()window.resizeTo - پنجره فعلی را انتخاب کنید

 

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

یادگیری JavaScript

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط