شائع الاستخدام:
JS احصل على حجم نافذة المتصفح
نسخ رمز رمز على النحو التالي:
// احصل على عرض النافذة
إذا (window.innerwidth)
winwidth = window.innerwidth ؛
آخر إذا ((document.body) && (document.body.clientwidth))
winwidth = document.body.clientwidth ؛
// احصل على ارتفاع النافذة
إذا (window.innerheight)
winheight = window.innerheight ؛
آخر إذا ((document.body) && (documen.body.clientheight))
winheight = document.body.clitingheight ؛
// من خلال الكشف الداخلي من المستند ، يتم الحصول على حجم النافذة
if (document.documentElement && document.documentlement.clintheightheightheightheigh && documentelementwidth)
{{
winheight = document.documentedlement.clientheight ؛
winwidth = document.documentElement.ClientWidth ؛
}
مفصل:
يمكنك رؤية حجم النافذة للحصول على مجموعة متنوعة من المتصفحات:
<script>
وظيفة getInfo ()
{{
var s = "" ؛
s = "يمكن أن تكون صفحة الويب مرئية على نطاق واسع:" document.body.clientwidth ؛
s = "صفحة الويب المرئية عالية:" document.body.clientheight ؛
s = "Web Pages Wide Absible Width:" document.body.OffSetWidth "(بما في ذلك عرض الحافة والبارج)" ؛
S = "صفحة الويب المرئية ارتفاع المنطقة:" document.body.offsetheight "(بما في ذلك عرض الحافة)" ؛
S = "WebPage Text Wide Full Text Width:" document.body.scrollwidth ؛
s = "نص صفحة الويب النص الكامل:" document.body.scrollheight ؛
s = "ff) التي يتم ترحيلها بواسطة صفحة الويب:" document.body.scrolltop ؛
s = "أي) من صفحات الويب يتم طرحها (أي):" document.documentElement.scroltop ؛
s = "يتم تشغيل صفحة الويب على اليسار:" document.body.scrollleft ؛
S = "جزء صفحة الويب:" window.screentop ؛
s = "جزء نص صفحة الويب اليسار:" window.screenleft ؛
s = "دقة الشاشة:" window.screen.height ؛
s = "عرض دقة الشاشة:" window.screen.width ؛
s = "شاشة الشاشة المتاحة ارتفاع منطقة العمل:" window.screen.availheight ؛
s = "عرض منطقة العمل المتاحة:" window.screen.availwidth ؛
s = "إعداد الشاشة الخاص بك هو" window.screen.colordepth "في اللون" ؛
s = "إعدادات الشاشة الخاصة بك" window.screen.devicexdpi "pixel/inch" ؛
// ALERT (s) ؛
}
getInfo () ؛
</script>
في اختباري المحلي:
يمكنك استخدامه تحت IE ، Firefox ، Opera
document.body.clientwidth
document.body.clitingheight
يمكن الحصول عليها ، بسيطة للغاية ومريحة.
وفي مشروع الشركة:
أوبرا لا تزال تستخدم
document.body.clientwidth
document.body.clitingheight
لكن IE و Firefox تستخدم
document.documentElement.clientwidth
document.documentElement.clientheight
اتضح أنه معيار W3C.
<!
إذا قمت بإضافة هذا السطر على الصفحة ، فهو في IE:
document.body.clientwidth ==> عرض كائن الجسم
document.body.clitingheight ==> ارتفاع كائن الجسم
document.documentElement.ClientWidth ==> عرض المنطقة المرئية
document.documentElement.clientheight ==> ارتفاع المنطقة المرئية
في Firefox:
document.body.clientwidth ==> عرض كائن الجسم
document.body.clitingheight ==> ارتفاع كائن الجسم
document.documentElement.ClientWidth ==> عرض المنطقة المرئية
document.documentElement.clientheight ==> ارتفاع المنطقة المرئية
في الأوبرا:
document.body.clientwidth ==> عرض المنطقة المرئية
document.body.clitingheight ==> ارتفاع المنطقة المرئية
document.documentElement.ClientWidth ==> عرض كائن الصفحة (أي عرض كائن الجسم بالإضافة إلى عرض الهامش)
document.documentElement.clientheight == >> ارتفاع كائن الصفحة (أي ارتفاع كائن الجسم بالإضافة إلى ارتفاع الهامش)
وإذا لم يكن هناك تعريف قياسي لـ W3C ، إذن
أي هو:
document.documentElement.ClientWidth ==> 0
document.documentElement.clientheight ==> 0
Firefox هو:
document.documentElement.ClientWidth ==> عرض كائن الصفحة (أي عرض كائن الجسم بالإضافة إلى عرض الهامش) document.documenetelement.clientheight ==> ارتفاع كائن الوجه في الصفحة (أي ، ارتفاع كائن الجسم بالإضافة إلى الهامش العالي)
الأوبرا:
document.documentElement.ClientWidth ==> عرض كائن الصفحة (أي عرض كائن الجسم بالإضافة إلى عرض الهامش) document.documenetelement.clientheight ==> ارتفاع كائن الوجه في الصفحة (أي ، ارتفاع كائن الجسم بالإضافة إلى الهامش العالي)