آموزش جاوا اسکریپت – شیء window در جاوا اسکریپت (مدل BOM)

آموزش جاوا اسکریپت

در جلسات قبلی مدل DOM در جاوا اسکریپت یاد گرفتیم. در این بخش از سری آموزش جاوا اسکریپت قصد داریم درباره شیء window صحبت کنیم.

 

شیء window

آبجکت window نشان دهنده یک پنجره (مرورگر) شامل سند DOM است. یک window می تواند پنجره اصلی مرورگر, یک frameset یا فریم جدا یا حتی یک پنجره جدید ساخته شده توسط جاوا اسکریپت.

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

در چند جلسه بعدی تعدادی از متدها و خصوصیات شیء window را که به شما امکان دریافت اطلاعات از کاربر, تایید عملیات, باز کردن پنجره جدید در مرورگر و .. می دهد.

 

محاسبه عرض و ارتفاع پنجره مرورگر

شیء window خصوصیات innerWidth و innerHeight را برای پیدا کردن عرض و ارتفاع پنجره نمایش مرورگر که شامل اسکرول بار افقی و عمودی هم است(اگر رندر شده باشد.), استفاده می شود.

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

به هر حال, اگر قصد پیدا کردن انداره پنجره به همراه اسکرول بارها را دارید میتونید از clientWidth و clientHeight روی هر المان DOM مثل div استفاده کنید:

نکته: شیء document.documentElement نشان دهنده عنصر ریشه سند است که همان <html> است در حلی که document.body نشان دهنده عنصر <body> است.

 

امیدوارم  از آموزش شیء window در جاوا اسکریپت (مدل BOM) نهایت استفاده را برده باشید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق باشید.

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

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

    دوره های آموزشی