آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

شی Window مدل شی گرای مرورگر

دوره های مرتبط با این مقاله

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

مدل BOM یا سرواژه ی Browser Object Model به زبان جاوا اسکریپت این قابلیت را می دهد تا با مرورگرتعامل داشته باشد.
هیچ استانداردی برای مدل BOM تا به امروز تعیین نشده است.
به این خاطر که مرورگرهای فعلی برای تعامل بیشتر با زبان اسکریپتی جاوا اسکریپت، به طور نسبی به خاصیت ها و توابع یکسانی مجهز می باشند، از عمده ی خواص و توابع BOM نیز برخوردار می باشند.

آبجکت Window

کلیه مرورگر ها قابلیت پشتیبانی از شی window را دارا می باشند. منظور از شی window همان پنجره ی مرورگر می باشد.
کلیه ی آبجکت ها، توابع و متغیرهای سراسری موجود در جاوا اسکریپت، متعلق به شی window هستند.
متغیرهای سراسری (global)، خاصیت های (property) شی window هستند.
توابع سراسری (global function)، متدهای (method) این شی محسوب می شوند.
آبجکت document در مدل شی گرای سند اچ تی ام ال DOM نیز یکی از خاصیت های شی یاد شده تلقی می گردد.

window.document.getElementById("header");

یکسان است با:

document.getElementById("header");

اندازه ی window یا پنجره ی مرورگر

برای تعیین و تنظیم اندازه ی پنجره ی مرورگر، می توان از سه خاصیت مختلف استفاده کرد ( توجه داشته باشید که اندازه ی مرورگر یا viewport آن نوار ابزار/toolbars و نوار پیمایش/scrollbars را شامل نمی شود):

مرورگرهای Internet Explorer, Chrome, Firefox, Opera, Safari :

window.innerHeight
window.innerWidth

مرورگر Internet Explorer 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:
()window.open:باز می کند windowیک پنجره یا شی جدید

window.close(): پنجره ی فعلی را می بندد
window.moveTo(): این تابع پنجره ی فعلی را جابجا می کند
window.resizeTo(): اندازه ی پنجره ی جاری را تغییر می دهد

مشاهده فیلم آموزشی

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.

  • 2885
  •    1248
  • تاریخ ارسال :   1394/07/27

دانلود PDF دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .