شیء window در JavaScript

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

BOM یا (Browser Object Model)

استاندارد رسمی برای مدل BOM وجود ندارد.

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

شیء window

Wiki

شیء window در تمام مرورگرها پشتیبانی می شود و به پنجره مرورگر اشاره دارد.

تمام اشیاء، توابع و متغیرهای عمومی در JavaScript، عضوی از شیء window هستند.

متغیرهای عمومی، خصوصیت های (property) شیء window هستند.

توابع عمومی، متدهای (method) شیء window هستند.

حتی شیء document در مدل DOM نیز یکی از خصوصیت های شیء window است.

window.document.getElementById("header");

در کد بالا، قسمت window را می توان حذف کرد:

document.getElementById("header");

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

Wiki

برای معیین کردن اندازه پنجره مرورگر، می توان سه خصوصیت مختلف را بکار برد (اندازه مرورگر شامل 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

یک راه حل عملی در JavaScript (پوشش دهنده تمام مرورگرها):

مثال (شیء window در JavaScript)

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

خودتان امتحان کنید »

مثال بالا، عرض و ارتفاع مرورگر را نمایش می دهد. (بدون toolbars/scrollbars)

متدهای دیگر شیء window

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

: نوشته شده توسط امیر پهلوان صادق; بازدید: 23760