این آموزش در تاریخ ۱۴۰۱/۱۰/۳۰ آپدیت شده است.
آموزش ویژگی availWidth در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی availWidth در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی availWidth در BOM جاوااسکریپت
با استفاده از ویژگی screen.availWidth
میتونیم اندازه عرض ( width ) قابل نمایش یا قابل دسترس صفحه نمایش رو بدون محاسبه نوار وظیفه یا Windows Taskbar بدست آوریم.
و همچنین با استفاده از ویژگی screen.availHeight
میتونیم اندازه ارتفاع ( height ) قابل نمایش یا قابل دسترس صفحه نمایش رو بدون محاسبه نوار وظیفه یا Windows Taskbar بدست آوریم.
مقدار برگشتی | برگشت یک عدد که نشان دهنده اندازه عرض قابل دسترس صفحه نمایش می باشد * مقدار برگشتی برحسب پیکسل ( PX ) می باشد |
---|
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : مقایسه ویژگی های availWidth و availHeight با ویژگی های width و height
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> function Get(){ var wi,hi,avw,avh; avw = "عرض قابل دسترس : " + screen.availWidth + "<br>"; avh = "ارتفاع قابل دسترس : " + screen.availHeight + "<br><br>"; wi = "اندازه کل عرض : " + screen.width + "<br>"; hi = "اندازه کل ارتفاع : " + screen.height + "<br>"; document.getElementById("Result").innerHTML = avw + avh + wi + hi; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
availWidth | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
1 |
screen.availWidth; |
Free-Learn
نکات و توضیحات
- این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
- ویژگی width اندازه کل عرض صفحه نمایش رو برمیگردونه. ( شامل نوار وظیفه ویندوز میشه )
- ویژگی height اندازه کل ارتفاع صفحه نمایش رو برمیگردونه. ( شامل نوار وظیفه ویندوز میشه )
- ویژگی availWidth میزان اندازه عرض در دسترس صفحه نمایش رو برمیگردونه. ( شامل نوار وظیفه ویندوز نمیشه )
- ویژگی availHeight میزان اندازه ارتفاع در دسترس صفحه نمایش رو برمیگردونه. ( شامل نوار وظیفه ویندوز نمیشه )