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

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

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

Free-Learn

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

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

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

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

Free-Learn

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

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

مثال شماره ۱ : بدست آوردن اندازه کل عرض و ارتفاع صفحه نمایش ( استفاده از screen.width و screen.height )

امتحان کنید

مثال شماره ۲ : اگه اندازه عرض صفحه نمایش کمتر از ۷۰۰ پیکسل بود، پیغام میده که ” اندازه کمتر از ۷۰۰ هست ” و اگه بیشتر بود پیغام میده که ” اندازه بیشتر از ۷۰۰ هست ”

امتحان کنید

مثال شماره ۳ : اگه اندازه عرض صفحه نمایش کمتر از ۷۰۰ پیکسل بود و ارتفاعش هم کمتر از ۶۰۰ بود یک پیغام میده

امتحان کنید

Free-Learn

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

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

نام ویژگی Chrome Firefox Opera Safari IE
width بله بله ۱۲٫۱ بله ۴

Free-Learn

شکل نوشتاری

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


Free-Learn

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

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

Free-Learn

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