سبد (0)

خصوصیت innerWidth و innerHeight

مثال (خصوصیت innerWidth و innerHeight)

به دست آوردن عرض و ارتفاع پنجره(شامل toolbar ها و scrollbar ها نمی شود):

var w = window.innerWidth;
var h = window.innerHeight;

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.


تعریف و کاربرد

خصوصیت innerWidth، عرض داخلی منطقه ی محتوای یک صفحه را برمی گرداند.

خصوصیت innerHeight، ارتفاع داخلی منطقه ی محتوای یک صفحه را برمی گرداند.

این خصوصیت ها "فقط خواندنی" می باشند.

نکته: برای به دست آوردن عرض و ارتفاع صفحه به همراه toolbar ها و scrollbar ها، می توانید از خصوصیت های outerWidth and outerHeight استفاده کنید. 


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

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

متد     
innerWidth 1.0 9.0 1.0 3.0  9.0
innerHeight 1.0 9.0 1.0 3.0 9.0

نکته: برای مرورگر IE8 و ورژن های قبلی آن می توانید از خصوصیت های  clientWidth و clientHeight استفاده کنید.


نحوه استفاده

window.innerWidth
window.innerHeight

جزئیات تکنیکی

مقدار برگشتی

یک عدد. که مشخص کننده ی عرض یا ارتفاع داخلی منطقه ی محتوای یک صفحه به پیکسل است.

مثال

مثال - خودتان امتحان کنید

مثال (خصوصیت innerWidth و innerHeight)

یک راه حل برای استفاده در مرورگرهای مختلف(استفاده از clientWidth و clientHeight برای IE8 و ورژن های قبلی آن):

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

خودتان امتحان کنید »

مثال (خصوصیت innerWidth و innerHeight)

یک نسخه نمایشی از innerWidth و innerHeight و outerWidth و outerHeight در یک مثال:

var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt += "<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight: " + window.outerHeight + "</p>";

خودتان امتحان کنید »

کلیه توابع و خصوصیت های شیء Window در JavaScript Reference کلیه توابع و خصوصیت های شیء Window در JavaScript


تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه