مفاهيم JS

دليل JS

دليل JS DOM

خصائص innerHeight لنافذة Window

innerHeightخصائص فقط للقراءة تعود بالارتفاع للمنطقة المركزية من نافذة المتصفح (viewport) التي تحتوي على شريط التمرير.

استخدامouterHeightخصائص الحصول على الارتفاع الكامل لنافذة المتصفح.

النحو:

window.innerHeight

مثال

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

اختبار راجع‹/›

متوافق مع المتصفحات

الرقم في الجدول يحدد الإصدار الأول من المتصفح الذي يدعم خاصية innerHeight:

خصائص
innerHeight	1	1	9	3	9

تفاصيل تقنية

القيمة المعدة:	عدد يمثل الارتفاع الداخلي للمنطقة المركزية من نافذة المتصفح، بحدود البكسل.

مزيد من الأمثلة

استخدام أحداث onresize لعرض الارتفاع والعرض:

مثال

<body　onresize="myFunc()">
<script>
function　myFunc()　{
　　　var　w　=　window.innerWidth;
　　　var　h　=　window.innerHeight;
　　　document.getElementById("para").innerHTML　=　"Width:　"　+　w　+　"<br>Height:　"　+　h;
}
</script>

اختبار راجع‹/›

حل متوافق مع المتصفحات (للمستعرضات التي تعمل بنظام Windows 8 و الأقدم باستخدام clientWidth و clientHeight):

مثال

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

اختبار راجع‹/›

هذا المثال يظهر innerWidth،innerHeight،outerWidth وexternalHeight في مثال:

مثال

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>";
document.write(txt);

اختبار راجع‹/›

مراجع مرتبطة

مرجع: Window (النافذة)خصائص window.innerWidth

مرجع: Window (النافذة)خصائص window.outerHeight

مرجع: Window (النافذة)خصائص window.outerWidth

مثلث Window JavaScript

مثلث تخزين JS مثلث Window JavaScript