صفحات الويب هي عرض المنطقة المرئية: document.body.clientwidth
منطقة صفحة الويب عالية: document.body.clitingheight
صفحات الويب مرئية عرض المنطقة: 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
HTML موقف دقيق
Scrollheight: احصل على ارتفاع التمرير للكائن.
التمرير: قم بتعيين أو احصل على المسافة بين الطرف الأيسر للمحتوى المرئي حاليًا في الحدود اليسرى ونافذة الكائن
Scrolltop: اضبط أو احصل على المسافة بين الجزء العلوي من الكائن وأعلى النافذة في النافذة
التمرير: احصل على عرض التمرير للكائن
Offsetheight: ارتفاع الإحداثيات الأصل المحددة بواسطة السمة الإزاحة بواسطة كائن الحصول على
OffsetLeft: بالنسبة للحساب اليسر
Offsettop: الموضع الأعلى لحساب الإحداثي الأبوي للنمط المحدد من قبل سمة Offsettop
Event.Clientx الإحداثيات الأفقية للوثائق النسبية
Event.Clienty الإحداثيات الرأسية للوثائق النسبية
Event.Offsetx الإحداثيات الأفقية للحاويات النسبية
Event.Offsety الإحداثيات الرأسية
document.documenetelement.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 و OfficeTheight)
=========================================== ===
بالأمس ، استبدلت بعض الصفحات في المشروع. العرض الذي تم الحصول عليه بواسطة عرض الصفحة الذي تم الحصول عليه بواسطة جمل مثل document.documenetelement.clientwidth هو 0. بعد بعض Google ، أدركت أن عدم وجود إشارات إلى معيار W3C على الصفحة الجديدة ، مما أدى إلى فشل document.documentedlement.clientwidth:
<!
إذا قمت بإضافة هذا السطر إلى الصفحة
في 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 ==> ارتفاع كائن الوجه في الصفحة (أي ، ارتفاع كائن الجسم بالإضافة إلى الهامش العالي)