پنجره (Window)
«پنجره مرورگر» همان شیء window است. این شیء نماینده پنجره مرورگر است. تقریباً همه چیز سراسری، عضو آن می شود. بنابراین، متغیر سراسری، «ویژگی» پنجره است. همچنین، تابع سراسری، «متد» پنجره است.
ارتباط BOM و پنجره مرورگر
«مدل شیء مرورگر (Browser Object Model)» استاندارد رسمی ندارد. اما مرورگرها تقریباً متدها و ویژگی های مشابهی دارند.
window و document
شیء document هم زیرمجموعه window است. پس دو خط زیر برابرند.
window.document.getElementById("header");
document.getElementById("header");
اندازه پنجره مرورگر
برای گرفتن عرض و ارتفاع داخل پنجره از این دو ویژگی استفاده کن.
let w = window.innerWidth;
let h = window.innerHeight;
نکته: «نمایشگرِ صفحه (viewport)» نوارابزار و اسکرول بار را شامل نمی شود.
متدهای رایج پنجره مرورگر
چند متد مهم window برای باز، بستن، جابجا و تغییر اندازه پنجره:
window.open("https://example.com");
window.close();
window.moveTo(100, 100);
window.resizeTo(800, 600);
گام های عملی
- کنسول را باز کن و window را بررسی کن.
- با innerWidth و innerHeight اندازه بگیر.
- با open() صفحه جدید باز کن.
لینک های مرتبط
- لیست گره های DOM؛ کار با فهرست گره ها.
- پنجره مرورگر؛ اطلاعات نمایشگر و رزولوشن.
- شنونده رویداد؛ واکنش به رویدادهای پنجره.
جمع بندی سریع
- window نماینده پنجره مرورگر است.
- متغیرهای سراسری، ویژگی های window هستند.
- innerWidth/innerHeight اندازه درون پنجره اند.
- open/moveTo/resizeTo کنترل پنجره اند.