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

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

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

Free-Learn

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

با استفاده از ویژگی window.innerWidth میتونیم اندازه عرض ( Width ) پنجره محتوا ( یعنی فقط باکس محتوا و بدون محاسبه نوار ابزار ) مرورگر رو بدست آوریم.

و همچنین با استفاده از ویژگی window.innerHeight میتونیم اندازه ارتفاع ( Height ) پنجره محتوا ( یعنی فقط باکس محتوا و بدون محاسبه نوار ابزار ) مرورگر رو بدست آوریم.

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

Free-Learn

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

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

مثال شماره ۱ : بدست آوردن اندازه عرض و ارتفاع پنجره محتوای موجود در مرورگر

امتحان کنید

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

همونطور که میدونید در صفحه مثال های آنلاین خب ما ۲ صفحه داریم، صفحه سمت چپ که کد داخلش مینویسیم و صفحه سمت راست که خروجی کدهارو بهمون نشون میده.

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

 

مثال شماره ۲ : بدست آوردن اندازه عرض و ارتفاع پنجره محتوا ( اینبار دیگه داخل صفحه مثال آنلاین نیست )

امتحان کنید

Free-Learn

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

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

نام ویژگی Chrome Firefox Opera Safari IE
innerWidth ۴ ۲ ۱۰ ۳٫۱ ۹

Free-Learn

شکل نوشتاری

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


Free-Learn

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

  • این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
  • ویژگی outerWidth اندازه کل عرض پنجره مرورگر رو برمیگردونه. ( که شامل نوار ابزار،منو و.. هم میشه )
  • ویژگی outerHeight اندازه کل ارتفاع پنجره مرورگر رو برمیگردونه. ( که شامل نوار ابزار،منو و.. هم میشه )
  • ویژگی innerWidth اندازه عرض پنجره محتوارو برمیگردونه. ( که شامل نوار ابزار،منو و.. نمیشه )
  • ویژگی innerHeight اندازه ارتفاع پنجره محتوارو برمیگردونه. ( که شامل نوار ابزار،منو و.. نمیشه )

Free-Learn

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