English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

مفهوم JS

دليل JS

دليل JS DOM

سمة innerWidth للنافذة

مثل JavaScript Window

innerWidthسمة فقط للقراءة تعود بعرض منطقة المحتوى (المنظار) للنافذة، بما في ذلك الشريط

استخدامouterWidthالسمة تحصل على عرض نافذة المتصفح بأكملها.

النحو:

window.innerWidth
var　h　=　window.innerHeight;
var　w　=　window.innerWidth;
اختبار لرؤية‹/›

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

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

سمة
innerWidth11939

تفاصيل تقنية

القيمة المطلوبة:رقم يمثل عرض منطقة المحتوى الداخلية لمستعرض الويب، بمساحة بكسل

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

استخدام أحداث 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>
اختبار لرؤية‹/›

حل متعدد المتصفحات (للإصدارات 8 من Internet Explorer وأقدمها باستخدام 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.innerHeight

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

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

مثل JavaScript Window

مثل JS Storageمثل JavaScript Window