مشخصات مقاله
-
2547
-
0.0
-
8134
-
0
-
0
شی 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(): اندازه ی پنجره ی جاری را تغییر می دهد
کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده بوده و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.