دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۴
  • آبان

جلسه ۸۴ : شی window در جاوا اسکریپت

  • دسته‌بندی‌ها :
جلسه ۸۴ : شی window در جاوا اسکریپت
    • جزئیات
    • نوع محتواآموزش تصویری

      با عرض سلام خدمت کاربران محترم سایت پی وی لرن.
      در این جلسه در خدمت شما هستم با آموزش شی window در جاوا اسکریپت JavaScript و آموزش گرفتن اندازه پنجره مرورگر در جاوا اسکریپت در ادامه با ما همراه باشید.

      شی window بخشی از (Browser Object Model BOM) می باشد که به ما اجازه می دهد تا با مرورگر ارتباط داشته باشیم.

      شی window در جاوا اسکریپت

      شی window دربرگیرنده تمامی عناصر و اجزا صفحه

      مدل شی گرای مرورگر (BOM)

      هیچ استانداردی برای مدل شی گرای مرورگر وجود ندارد.

      زیرا مرورگر های مدرن متد ها و خواص مشابهی را برای تعامل با جاوا اسکریپت پیاده سازی کرده اند.

      و این اغلب به متد ها و خواص BOM ارجاع می شود

      شی window

      شی window در جاوا اسکریپت توسط تمام مرورگر ها پشتیبانی می شود.
      این شی درواقع نمایانگر پنجره مرورگر است.

      تمام اشیا سراسری، توابع و متغیر های جاوا اسکریپت به صورت خودکار عضوی از شی window می باشند.

      متغیر های سراسری خواص شی window هستند.

      توابع سراسری متد های شی window هستند.

      حتی HTML DOM نیز یک خاصیت شی window می باشد.

      در پایین دو دستور زیر با هم تفاوتی ندارند:

      مثال : 

      و

      مثال : 

      گرفتن اندازه پنجره مرورگر در جاوا اسکریپت

      دو خاصیت برای گرفتن اندازه پنجره مرورگر در جاوا اسکریپت به کار می روند.

      هر دو خاصیت اندازه ها به صورت پیکس pixel بر می گردانند.

      • window.innerHeight ارتفاع پنجره داخلی مرورگر
      • window.innerWidth عرض پنجره داخلی مرورگر

      این اندازه ها شمال نوار ابزار و اسکرول بار ها نمی شوند

      مثال:

      مثال : گرفتن اندازه ی پنجره ی مرورگر
      خودتان امتحان کنید »

      متد های دیگر window

      • window.open() – بازکردن یک پنجره
      • ()window.close – بستن پنجره
      • ()window.noveTo – حرکت به شمت پنجره فعلی
      • ()window.resizeTo – تغییر اندازه پنجره فعلی

      جلسه کار با شی window در جاوا اسکریپت JavaScript به پایان رسید.
      در جلسه بعد به آموزش شی screen در جاوا اسکریپت خواهیم پرداخت. با ماه همراه باشید.

      QR:  جلسه ۸۴ : شی window در جاوا اسکریپت
      به اشتراک بگذارید


      دیدگاه کاربران
      1. تصویر کاربر