مثال
الحصول على ارتفاع النافذة والعرض: (NOT including toolbars/scrollbars) :
var w = window.innerWidth;
var h = window.innerHeight;
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
الخاصية innerWidth ترجع العرض الداخلي من ناحية المحتوى والإطار.
الخاصية innerHeight ترجع ارتفاع الداخلي من ناحية المحتوى والإطار.
وللقراءة فقط هذه الخصائص.
نصيحة: استخدم outerWidth وouterHeight خصائص للحصول على عرض / ارتفاع مع أشرطة الأدوات / التمرير.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| innerWidth | 1.0 | تسعة | 1.0 | 3.0 | تسعة |
| innerHeight | 1.0 | تسعة | 1.0 | 3.0 | تسعة |
Note: للحصول على IE8 والإصدارات السابقة، يمكنك استخدام clientWidth و clientHeight خصائص (See "More Examples" below) .
بناء الجملة
window.innerWidth
window.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، 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>"; انها محاولة لنفسك » <كائن النافذة