تحتاج إلى الحصول على إحداثيات بعض كائنات HTML لتعيين إحداثيات الطبقة المستهدفة بشكل أكثر مرونة. هنا يمكنك استخدام سمات مثل المستند. إذا لم يكن لديك هذه العلامة ، فكل شيء طبيعي ، فكيف تحصل على إحداثيات الجسم في XHTML؟ بالطبع هناك طريقة. نستخدم document.documentElement لاستبدال document.body. على سبيل المثال ، يمكنك كتابته مثل هذا:
نسخة الكود كما يلي:
var top = document.documentElement.scrolltop || document.body.scrooltop ؛
|| في JS شيء جيد. لا يمكن استخدامه فقط في البيان الشرطي لـ IF ، ولكن أيضًا في تعيين المتغيرات. يمكن كتابة المثال أعلاه بالتنسيق التالي:
نسخة الكود كما يلي:
var top = document.documentElement.scrolltop؟ document.documentElement.scrolltop: document.body.scrolltop ؛
بهذه الطريقة ، يمكن أن يكون لها توافق جيد. شيء واحد يجب ملاحظة أنه إذا لم يتم الإعلان عن قيمة المستند.
تعليمات للحصول على موضع التنسيق الرأسي لإحداثي شريط التمرير في الصفحة الحالية:
document.documentElement.scrolltop بدلا من
document.body.scrolltop ؛
document.documentElement يحصل على علامة HTML.
document.body يحصل على علامة الجسم ؛
تحت W3C القياسي ، document.body.scrolltop هو دائما 0 ، و document.documentElement.scrolltop يحتاج إلى استبدالها document.documentElement.scrolltop ؛
إذا كنا نريد تحديد موقع الموضع المطلق للماوس بالنسبة للصفحة ، فإن معظم النتائج التي نحصل عليها في محركات البحث ستسمح لك بالاستخدام
event.clientx+document.body.scrollleft ، event.clienty+document.body.scrolltop ؛
من الغريب أن تجد أن الماوس ينحرف عن خيالك ، لأن كائن المستند.
لذلك نحن بحاجة إلى إضافة جملة واحدة ؛
نسخة الكود كما يلي:
if (document.body && document.body.scrolltop && document.body.scrollleft)
{
أعلى = document.body.scrolltop ؛
left = document.body.scrollleft ؛
}
if (document.documentElement && document.documentElement.scrolltop && document.documentElement.scrollleft)
{
TOP = document.documentElement.scrolltop ؛
left = document.documentElement.scrollleft ؛
}
فيما يلي بعض استخدامات المعلمات:
عرض المنطقة المرئية لصفحة الويب: document.body.clientwidth ؛
ارتفاع المنطقة المرئية لصفحة الويب: document.body.clientheight ؛
عرض المنطقة المرئية لصفحة الويب: document.body.OffSetWidth ؛ (بما في ذلك عرض خط الحافة) ؛
ارتفاع المنطقة المرئية لصفحة الويب: document.body.offsetheight ؛ (بما في ذلك عرض الحافة) ؛
عرض النص الكامل لصفحة الويب: document.body.scrollwidth ؛
النص الكامل لصفحة الويب: document.body.scrollheight ؛
يتم طرح صفحة الويب على مستوى عالٍ: document.body.scrolltop ؛
يسار صفحة الويب التي يتم طرحها: document.body.scrollleft ؛
في الجزء الرئيسي من صفحة الويب: windows.screentop ؛
يسار جزء نص صفحة الويب: windows.screenleft ؛
دقة شاشة عالية: windows.screen.hight ؛
عرض دقة الشاشة: windows.screen.widht ؛
ارتفاع مساحة العمل المتاحة للشاشة: Windows.screen.availheight ؛
عرض مساحة العمل المتاح: Windows.Screen.availwidth ؛
احصل على ارتفاع تمرير الكائن: Scrollheight ؛
قم بتعيين أو احصل على المسافة بين الحدود اليسرى للكائن والنهاية اليسرى للمحتوى المرئي حاليًا في النافذة: Scrollleft ؛
قم بتعيين أو احصل على المسافة بين الجزء العلوي من الكائن وأعلى المحتوى المرئي في النافذة: scrolltop ؛
احصل على عرض التمرير للكائن: Scrollwidth ؛
يحصل على ارتفاع الكائن بالنسبة إلى التصميم أو الإحداثيات الوالد المحددة بواسطة الإحداثي الأصل: خاصية الإزاحة: Offsetheight ؛
احصل على الموضع الأيسر لحساب الكائن بالنسبة إلى التصميم أو الإحداثيات الأصل المحددة بواسطة الخاصية الإزاحة: OffseSetLeft ؛
احصل على الموضع الأعلى المحسوب للكائن بالنسبة إلى التصميم أو الإحداثيات الوالد المحددة بواسطة خاصية Offsettop: Offsettop ؛
event.clientx: الإحداثيات الأفقية بالنسبة إلى المستند ؛
event.clienty: الإحداثي العمودي بالنسبة للوثيقة ؛
event.offsetx: الإحداثيات الأفقية بالنسبة للحاوية ؛
event.offsety: الإحداثي العمودي بالنسبة للحاوية ؛
document.documentElement.scrolltop: اضبط الارتفاع العمودي للتمرير
event.clientx + document.documentElement.scrolltop: الموضع الأفقي بالنسبة إلى المستند + مبلغ التمرير في الاتجاه العمودي ؛