عند استخدام HTML5 للتطوير تحت Android ، للحصول على الحجم الفعلي للشاشة وتحميل الرمز مباشرة ، يمكنك اجتياز اختبار الكود التالي.
انسخ الرمز كما يلي: <html>
<script>
وظيفة A () {
document.write (
"دقة الشاشة هي:"+screen.width+"*"+screen.height
+"<br />"+
"الشاشة المتاحة الحجم:"+screen.availwidth+"*"+screen.availheight
+"<br />"+
"عرض المنطقة المرئية لصفحة الويب:"+document.body.clientwidth
+"<br />"+
"ارتفاع المنطقة ارتفاع صفحة الويب:"+document.body.clientheight
+"<br />"+
"عرض المنطقة المرئية لصفحة الويب (بما في ذلك عرض الحافة):"+document.body.offsetwidth
+"<br />"+
"ارتفاع المنطقة المرئية لصفحة الويب (بما في ذلك عرض الحافة):"+document.body.offsetheight
+"<br />"+
"عرض النص الكامل لصفحة الويب:"+document.body.scrollwidth
+"<br />"+
"النص الكامل لصفحة الويب عالية:"+document.body.scrollheight
+"<br />"+
"تم طرح صفحة الويب عالية:"+document.body.scrolltop
+"<br />"+
"تم نقل صفحة الويب بعيدًا عن اليسار:"+document.body.scrollleft
+"<br />"+
"في الجزء الرئيسي من صفحة الويب:"+window.screentop
+"<br />"+
"نص صفحة العمل جزء اليسار:"+window.screenleft
+"<br />"+
"دقة الشاشة العالية:"+window.screen.height
+"<br />"+
"عرض دقة الشاشة:"+window.screen.width
+"<br />"+
"الشاشة متاحة ارتفاع مساحة العمل:"+window.screen.availheight
+"<br />"+
"عرض مساحة العمل المتاحة على الشاشة:"+window.screen.availwidth
) ؛
}
</script>
<body onload = "a ()">
</body>
</html>
html تحديد موقع الدقة: scrollleft ، scrollwidth ، clientwidth ، offsetwidth
Scrollheight: يحصل على ارتفاع التمرير للكائن.
التمرير: قم بتعيين أو احصل على المسافة بين الحدود اليسرى للكائن والنهاية اليسرى للمحتوى المرئي حاليًا في النافذة
Scrolltop: قم بتعيين أو احصل على المسافة بين الجزء العلوي من الكائن وأعلى المحتوى المرئي في النافذة
التمرير: احصل على عرض التمرير للكائن
Offsetheight: يحصل على ارتفاع الكائن بالنسبة إلى التصميم أو الإحداثي الأصل المحدد بواسطة خاصية الإحداثيات الإحداثي الأصل
OffsetLeft: يحصل على الموضع الأيسر المحسوب للكائن بالنسبة إلى التخطيط أو الإحداثيات الأصل المحددة بواسطة خاصية الإزاحة
Offsettop: يحصل على الموضع الأعلى المحسوب للكائن بالنسبة إلى التصميم أو الإحداثي الأصل المحدد بواسطة خاصية Offsettop
Event.Clientx الإحداثيات الأفقية بالنسبة إلى المستند
Event.clienty الإحداثيات الرأسية بالنسبة للوثيقة
Event.Offsetx الإحداثيات الأفقية نسبة إلى الحاوية
Event.Offsety الإحداثيات الرأسية نسبة إلى الحاوية
document.documentElement.scrolltop قيمة التمرير رأسياً
event.clientx + document.documentElement.scrolltop نسبة إلى الإحداثي الأفقي للوثيقة + مقدار التمرير في الاتجاه الرأسي
أي اختلافات Firefox هي كما يلي:
IE6.0 ، FF1.06+:
عرض العميل = عرض + حشوة
ClientHeight = ارتفاع + حشوة
OffsetWidth = Width + Padding + Border
Offsetheight = ارتفاع + حشوة + الحدود
IE5.0/5.5:
عرض العميل = العرض - الحدود
العميل = الارتفاع - الحدود
OffsetWidth = العرض
OffSetheight = الارتفاع
(تجدر الإشارة إلى أن سمة الهامش في CSS لا علاقة لها بعرض Clientwidth و OffsetWidth و ClientHeight و Offsetheight)
عرض المنطقة المرئية لصفحة الويب: document.body.clientwidth
ارتفاع المنطقة المرئية لصفحة الويب: document.body.clientheight
عرض المنطقة المرئية لصفحة الويب: document.body.OffsetWidth (بما في ذلك عرض خط الحافة)
ارتفاع المنطقة المرئية لصفحة الويب: document.body.offsetheight (بما في ذلك ارتفاع خط الحافة)
عرض النص الكامل لصفحة الويب: document.body.scrollwidth
النص الكامل لصفحة الويب: document.body.scrollheight
يتم طرح صفحة الويب على مستوى عالٍ: document.body.scrolltop
يسار صفحة الويب التي يتم طرحها: document.body.scrollleft
في الجزء الرئيسي من صفحة الويب: window.screentop
يسار النص الرئيسي لصفحة الويب: window.screenleft
دقة شاشة عالية: window.screen.hight
عرض دقة الشاشة: window.screen.width
شاشة مساحة العمل المتاحة: window.screen.availheight
عرض مساحة العمل المتاح: window.screen.availwidth
ما سبق هو كل محتوى استخدام JavaScript للحصول على حجم الشاشة الحالي. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.