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

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

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

Free-Learn

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

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

و همچنین با استفاده از ویژگی screen.availWidth میتونیم اندازه عرض ( width ) قابل نمایش یا قابل دسترس صفحه نمایش رو بدون محاسبه نوار وظیفه یا 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 IE
availHeight بله بله ۱۲٫۱ بله ۴

Free-Learn

شکل نوشتاری

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


Free-Learn

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

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

Free-Learn

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