این آموزش در تاریخ ۱۴۰۱/۱۰/۳۰ آپدیت شده است.

آموزش ویژگی availWidth در BOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی availWidth در BOM جاوااسکریپت با من همراه باشید.

ویژگی availWidth در BOM جاوااسکریپت

Free-Learn

ویژگی availWidth در BOM جاوااسکریپت

با استفاده از ویژگی screen.availWidth میتونیم اندازه عرض ( width ) قابل نمایش یا قابل دسترس صفحه نمایش رو بدون محاسبه نوار وظیفه یا Windows Taskbar بدست آوریم.

و همچنین با استفاده از ویژگی screen.availHeight میتونیم اندازه ارتفاع ( height ) قابل نمایش یا قابل دسترس صفحه نمایش رو بدون محاسبه نوار وظیفه یا Windows Taskbar بدست آوریم.

خب همونطور که خودتونم میدونید، ما در سیستم یه بخش یا قسمت داریم به اسم نوار وظیفه یا Taskbar ( یا اون قسمتی که دکمه استارت و.. داخلشه )

ویژگی availWidth اندازه عرض صفحه نمایش رو منهای اندازه نوار وظیفه یا Taskbar بدست میاره ولی ویژگی Width میتونه اندازه کل عرض رو با محاسبه نوار وظیفه یا Taskbar بدست بیاره.

ویژگی availHeight اندازه ارتفاع صفحه نمایش رو منهای اندازه نوار وظیفه یا Taskbar بدست میاره ولی ویژگی Height میتونه اندازه کل ارتفاع رو با محاسبه نوار وظیفه یا Taskbar بدست بیاره.

مقدار برگشتی برگشت یک عدد که نشان دهنده اندازه عرض قابل دسترس صفحه نمایش می باشد
* مقدار برگشتی برحسب پیکسل ( PX ) می باشد

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : مقایسه ویژگی های availWidth و availHeight با ویژگی های width و height

امتحان کنید

توضیح مثال بالا :

همونطور که اشاره کردم ویژگی availWidth و availHeight میزان اندازه عرض و ارتفاع قابل مشاهده ( یا قابل دسترس ) صفحه نمایش رو برمیگردونه، و ویژگی width و height میزان اندازه کل عرض و ارتفاع صفحه نمایش رو برمیگردونه.

پس در نتیجه اگه نوار وظیفه یا Taskbar در سمت پایین صفحه باشه، باید مقداری که availHeight در خروجی میده از height کمتر باشه، چرا؟ چون availHeight دیگه نوار وظیفه رو محاسبه نمیکنه.

Free-Learn

پشتیبانی مرورگرها

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

نام ویژگی Chrome Firefox Opera Safari Edge
availWidth بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.


Free-Learn

نکات و توضیحات

  • این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
  • ویژگی width اندازه کل عرض صفحه نمایش رو برمیگردونه. ( شامل نوار وظیفه ویندوز میشه )
  • ویژگی height اندازه کل ارتفاع صفحه نمایش رو برمیگردونه. ( شامل نوار وظیفه ویندوز میشه )
  • ویژگی availWidth میزان اندازه عرض در دسترس صفحه نمایش رو برمیگردونه. ( شامل نوار وظیفه ویندوز نمیشه )
  • ویژگی availHeight میزان اندازه ارتفاع در دسترس صفحه نمایش رو برمیگردونه. ( شامل نوار وظیفه ویندوز نمیشه )

Free-Learn

دریافت PDF یا پرینت این مطلب