اجزای Window

اجزای Window

پنجره window نشان‌دهنده پنجره‌ای است که در مرورگر باز شده است.

اگر مستند شامل فریم‌ها (برچسب <iframe>) باشد، مرورگر یک پنجره برای مستند HTML ایجاد می‌کند و یک پنجره اضافی برای هر فریم ایجاد می‌کند.

ویژگی‌های پنجره Window

مستند توضیح
closed بازمی‌گرداند که آیا پنجره بسته شده است یا خیر.
console صفحه‌ی مستند Console.
defaultStatus استفاده شده است.متن پیش‌فرض در نوار وضعیت پنجره را تنظیم یا بازمی‌گردانید.
document صفحه‌ی مستند Document.
frameElement فریم‌هایی که در پنجره در حال اجرا هستند را بازمی‌گرداند.
frames تمام پنجره‌هایی که در پنجره در حال اجرا هستند را بازمی‌گرداند.
history صفحه‌ی مستند History.
innerHeight ارتفاع ناحیه نمایش مستند پنجره را بازمی‌گرداند.
innerWidth عرض ناحیه نمایش مستند پنجره را بازمی‌گرداند.
length تعداد عناصر <iframe> موجود در پنجره فعلی را بازمی‌گرداند.
localStorage اجازه می‌دهد تا جفت‌های کلید/مقدار در مرورگر وب ذخیره شوند. داده‌هایی که تاریخ انقضا ندارند، ذخیره می‌شوند.
location صفحه‌ی موضوع Location.
name نام پنجره را تنظیم یا بازمی‌گردانید.
navigator صفحه‌ی موضوع Navigator.
opener اشاره به پنجره‌ای که آن را ایجاد کرده‌اید.
outerHeight ارتفاع پنجره مرورگر را بازمی‌گرداند، شامل نوار ابزار/لولب.
outerWidth عرض پنجره مرورگر را بازمی‌گرداند، شامل نوار ابزار/لولب.
pageXOffset برگردان پیکسل‌های حرکت کردن از گوشه بالا چپ (افقی) مستند فعلی.
pageYOffset برگردان پیکسل‌های حرکت کردن از گوشه بالا چپ (عمودی) مستند فعلی.
parent پنجره‌ی والد (parent) فعلی پنجره‌ی فعلی را بازگرداند.
screen صفحه‌ی عنصر Screen.
screenLeft موقعیت افقی پنجره را نسبت به صفحه‌ی نمایش بازگرداند.
screenTop موقعیت عمودی پنجره را نسبت به صفحه‌ی نمایش بازگرداند.
screenX موقعیت افقی پنجره را نسبت به صفحه‌ی نمایش بازگرداند.
screenY موقعیت عمودی پنجره را نسبت به صفحه‌ی نمایش بازگرداند.
sessionStorage اجازه می‌دهد تا در مرورگرهای وب داده‌های کلید/مقدار ذخیره شوند. داده‌های ذخیره‌شده به صورت جلسه‌ای (session) هستند.
scrollX pageXOffset نام‌گذاری معادل.
scrollY pageYOffset نام‌گذاری معادل.
self پنجره‌ی فعلی را بازگرداند.
status استفاده شده است. از آن خودداری کنید.
top پنجره‌ی مرورگر بالاترین را بازگرداند.

روش‌های Window Object

روش توضیح
alert() پنجره‌ی هشدار (پنجره‌ی گفتگو) با پیام و دکمه‌ی تایید نمایش دهید.
atob() رشته‌ی به‌编码 base-64 را رمزگشایی کنید.
blur() توجه را از پنجره‌ی فعلی بردارید.
btoa() رشته‌ی به‌编码 base-64 تبدیل کنید.
clearInterval() تایمری که با استفاده از setInterval() تنظیم شده است را پاک کنید.
clearTimeout() تایمری که با استفاده از setTimeout() تنظیم شده است را پاک کنید.
close() پنجره‌ی فعلی را ببند.
confirm() پنجره‌ی گفتگویی را با پیام و دکمه‌های تایید و لغو نمایش دهید.
focus() توجه را به پنجره‌ی فعلی تنظیم کنید.
getComputedStyle() نوع CSS که به یک عنصر مستند اعمال می‌شود را تعیین کنید.
getSelection() موضوع Selection که نشان‌دهنده‌ی محدوده‌ی متن انتخاب شده توسط کاربر است را بازگرداند.
matchMedia() موضوع MediaQueryList که نشان‌دهنده‌ی رشته‌ی CSS Query مشخص شده است را بازگرداند.
moveBy() پنجره را نسبت به موقعیت فعلی آن حرکت دهید.
moveTo() پنجره را به موقعیت مشخص شده‌ی تنظیم کنید.
open() پنجره‌ی جدیدی از مرورگر باز کنید.
print() محتوای پنجره‌ی فعلی را چاپ کنید.
prompt() با استفاده از یک پنجره‌ی گفتگو، یک رشته‌ی ساده‌ی ورودی درخواست کنید.
requestAnimationFrame() درخواست کنید که مرورگر در قبل از بارگذاری مجدد، تابع را برای به‌روزرسانی انیمیشن فراخوانی کند.
resizeBy() اندازه‌ی پنجره را به تعداد پیکسل مشخص شده‌ی تنظیم کنید.
resizeTo() اندازه‌ی پنجره را به اندازه‌های مشخص شده‌ی عرض و ارتفاع تنظیم کنید.
scroll() استفاده شده است.این روش روش scrollTo() مستبدیل شود.
scrollBy() به تعداد پیکسل مشخص شده‌ی اسناد را بچرخانید.
scrollTo() کشیدن مستند به موقعیت مشخص.
setInterval() اجرای مداوم کد مشخص.
setTimeout() اجرای کد پس از زمان مشخص.
stop() توقف بارگذاری پنجره.

توضیح ویژگی Window

ویژگی Window پنجره یا فریم مرورگر را نشان می‌دهد. در JavaScript کاربران وب، Window یک ویژگی جهانی است، و تمام عبارات در محیط فعلی محاسبه می‌شوند. به عبارت دیگر، برای اشاره به پنجره فعلی، نیازی به نحوه خاصی نیست و می‌توان ویژگی‌های آن را به عنوان متغیرهای جهانی استفاده کرد. به عنوان مثال، می‌توان فقط نوشت: document، بدون نوشتن window.document.

همچنین، می‌توان روش‌های Window فعلی را مانند توابع استفاده کرد، مانند alert() بدون نوشتن Window.alert().

علاوه بر ویژگی‌ها و روش‌های ذکر شده، Window نیز تمام ویژگی‌ها و روش‌های تعریف شده در JavaScript هسته‌ای را پیاده‌سازی می‌کند.

ویژگی window روش Window و ویژگی selfهمه‌ی آنها به خود اشاره می‌کنند. وقتی می‌خواهید به طور خاص به پنجره فعلی اشاره کنید و نه به صورت ضمنی، می‌توانید از این دو ویژگی استفاده کنید. علاوه بر این دو ویژگی، ویژگی parent، ویژگی top و آرایه frame[] نیز به Window‌های دیگر مرتبط به Window فعلی اشاره می‌کنند.

برای اشاره به یک فریم در پنجره، می‌توان از این نحوه استفاده کرد:

frame[i]		//فریم فعلی
self.frame[i]	//فریم فعلی
w.frame[i]	//فریم w

برای اشاره به والد یک فریم (یا فریم والد)، می‌توان از این نحوه استفاده کرد:

parent		//پنجره والد فعلی
self.parent	//پنجره والد فعلی
w.parent 		//پنجره والد w

برای اشاره به هر فریم موجود در پنجره بالای پنجره، می‌توان از این نحوه استفاده کرد:

top		//پنجره بالای فریم فعلی
self.top		//پنجره بالای فریم فعلی
f.top		//پنجره بالای فریم f

پنجره‌های سطح بالای جدید توسط روش Window.open() ایجاد می‌شوند. هنگام فراخوانی این روش، باید ارزش بازگشتی open() را در یک متغیر ذخیره کنید و سپس از آن متغیر برای اشاره به پنجره جدید استفاده کنید. پنجره جدید ویژگی openerدر عین حال به پنجره‌ای که آن را باز کرده است، اشاره دارد.

به طور کلی، روش‌های Window به عملیاتی خاص در پنجره یا فریم مرورگر می‌پردازند. و مетод alert()ومетод confirm()و مетод promptبا یکدیگر متفاوت هستند، آنها از طریق یک دیالوگ ساده با کاربر تعامل دارند.