Window در جاوا اسکریپت | JavaScript Window

به نام خدا با عرض سلام و وقت بخیر خدمت دوستان گرامی در راستای آموزش جاوا اسکریپت در این جلسه به مبحث Window در جاوا اسکریپت (Window Object ) خواهیم پرداخت. با ما همراه باشید.

The Window Object

 window  ابجکت نمایانگر پنجره ای است. که حاوی DOM document میباشد.یک window می تواند window اصلی، مجموعه فریم یا فریم مخصمص یا حتی window جدیدی باشد که با جاوا اسکریپت ایجاد شده است.

اگر از جلسه های قبل به خاطر داشته باشید، از متد ()alert در اسکریپت هایمان برای نمایش پیام های popup استفاده کرده ایم. که این یک متد از ابجکت  Window میباشد.

در جلسات آینده تعدادی متد و ویژگی های جدید ابجکت  Window را مشاهده خواهیم کرد که به ما امکان می دهد کارهایی مانند درخواست اطلاعات کاربر، تأیید عملکرد کاربر، باز کردن پنجره های جدید و …را انجام دهیم که امکان تعامل بیشتری را به ما خواهد داد.

محاسبه عرض و ارتفاع Window در جاوا اسکریپت

ابجکت window متدهای   innerWidth وinnerHeight را برای یافتن عرض و ارتفاع نمای پنجره مرورگر (بر حسب پیکسل) از جمله نوار اسکرول افقی و عمودی  ارائه می دهد.

در مثال زیر با کلیک بر روی دکمه ، اندازه فعلی پنجره را برای ما نمایش میدهد.

با این حال، اگر می خواهید عرض و ارتفاع پنجره را به استثنای اسکرول بارها پیدا کنید، می توانید از ویژگی های  clientWidth وclientHeight هر عنصر DOM (مانند div) به صورت زیر استفاده کنید:

نکته: ابجکت document.documentElement نشان دهنده عنصر ریشه داکیومنت میباشد،که عنصر <html> است، در حالی که شی document.body نشان دهنده عنصر <body> میباشد. که هر دو نیز در تمام مرورگرهای اصلی پشتیبانی می شوند.

Window در جاوا اسکریپت | JavaScript Window

خب دوستان گرامی به پایان جلسه  Window در جاوا اسکریپت (JavaScript Window )رسیدیم امیدواریم مورد توجه شما قرار گیرد.

سایرمقالات

اضافه کردن ، ویرایش یا حذف المنت ها در جاوا اسکریپت | JavaScript DOM Manipulation

پیمایش نودها در جاوا اسکریپت

 

.

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]
اشتراک‌گذاری

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *