خصوصیت innerWidth و innerHeight
مثال (خصوصیت innerWidth و innerHeight)
به دست آوردن عرض و ارتفاع پنجره(شامل toolbar ها و scrollbar ها نمی شود):
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.innerHeight
جزئیات تکنیکی
| مقدار برگشتی |
یک عدد. که مشخص کننده ی عرض یا ارتفاع داخلی منطقه ی محتوای یک صفحه به پیکسل است. |
|---|
مثال - خودتان امتحان کنید
مثال (خصوصیت innerWidth و innerHeight)
یک راه حل برای استفاده در مرورگرهای مختلف(استفاده از clientWidth و clientHeight برای IE8 و ورژن های قبلی آن):
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
خودتان امتحان کنید »
مثال (خصوصیت innerWidth و innerHeight)
یک نسخه نمایشی از innerWidth و innerHeight و outerWidth و outerHeight در یک مثال:
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
- نوشته شده توسط احسان عباسی
- بازدید: 7318
