بموجب المعيار المحدد حديثًا ، يمكن أن يحصل المستند.
<script language = "javaScript">
وظيفة getInfo ()
{{
var s = "" ؛
S + = "صفحات الويب هي عرض المنطقة المرئية:" + document.body.clientwidth ؛
S + = "صفحة الويب المرئية عالية:" + document.body.clientheight ؛
S + = "WebPage Wide Disible Area Width:" + document.body.OffSetWidth + "(بما في ذلك عرض الحافة والتمرير)" ؛
S + = "منطقة الويب المرئية عالية:" + document.body.offsetheight + "(بما في ذلك عرض الحافة)" ؛
S + = "WebPage Text عرض النص الكامل:" + document.body.scrollwidth ؛
S + = "نص صفحة الويب عالية النص عالية:" + dcument.body.scrollheight ؛
S + = "FF) التي يتم تنفيذها بعيدًا عن صفحة الويب:" + document.body.scrolltop ؛
S + = "IE):" + document.documentElement.scrolltop ؛
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 +"bit color" ؛
S += "إعدادات الشاشة الخاصة بك" +window.screen.devicexdpi +"pixel/inch" ؛
التنبيه (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
< !
إذا قمت بإضافة هذا السطر إلى الصفحة
في 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 == >> ارتفاع كائن الصفحة (أي ارتفاع كائن الجسم بالإضافة إلى ارتفاع الهامش)
لنفترض أن OBJ هو تحكم HTML.
يشير OBJ.Offsettop إلى الموقف ، وبكسل عدد صحيح ، ووحدة بكسل من التحكم العلوي أو العلوي.
يشير OBJ.OffSetLeft إلى الموضع ، عدد صحيح ، وحدات بكسل من الضوابط اليسرى أو العليا.
OBJ.OffsetWidth يشير إلى العرض ، عدد صحيح ، وحدة بكسل من التحكم OBJ نفسه.
يشير Obj.Offsetheight إلى الارتفاع ، عدد صحيح ، وحدة Pixel من OBJ Control نفسها.
نوضح "الطبقات العلوية أو العلوية" و "الطبقات اليسرى أو العلوية" المذكورة سابقًا.
على سبيل المثال:
<div id = "tool">
<type type = "button" value = "submit">
<type type = "button" value = "reset">
</div>
يشير Offsettop لزر "إرسال" إلى المسافة بين طبقة "الأداة" على طبقة "الأداة" ، لأن الأقرب إلى الإطار العلوي من الطبقة الأقرب إليها.
يشير Offsettop لزر "إعادة الضبط" إلى المسافة بين طبقة "الأداة" على طبقة "الأداة" ، لأن الأقرب إلى الإطار العلوي لطبقة "الأداة" الأقرب إليها.
يشير الإقامة في زر "إرسال" إلى المسافة بين طبقة "الأداة" للزر "إرسال" ، لأن الجانب الأيسر من الطبقة "الأداة" الأقرب إلى الجانب الأيسر من طبقة "الأداة" هو اليسار.
يشير الإقامة في زر "إعادة الضبط" إلى مسافة زر "إرسال" من زر "إرسال" ، لأن الإطار الصحيح لزر "إرسال" الأقرب إليه هو الجانب الأيمن من زر "إرسال".
يمكن لـ Offsettop الحصول على موضع HTML من الأعلى أو العنصر الخارجي ، والأناقة.
1. إرجاع Offsettop ، بينما يقوم Style.top بإرجاع سلسلة.
2. تتم قراءة Offsettop فقط ، بينما يمكن قراءة style.top والكتابة.
ثالثًا ، إذا لم تحدد النمط العلوي لعنصر HTML ، فإن Tory.Top يعيد سلسلة فارغة.
OffsetLeft و Style.Left و OffsetWidth و Style.Width و Offsetheight و Style.Head هي نفسها.
Scrollheight: احصل على ارتفاع التمرير للكائن.
التمرير: قم بتعيين أو احصل على المسافة بين الطرف الأيسر للمحتوى المرئي حاليًا في الحدود اليسرى ونافذة الكائن
Scrolltop: اضبط أو احصل على المسافة بين الجزء العلوي من الكائن وأعلى النافذة في النافذة
التمرير: احصل على عرض التمرير للكائن
Offsetheight: ارتفاع الإحداثيات الأصل المحددة بواسطة السمة الإزاحة بواسطة كائن الحصول على
OffsetLeft: بالنسبة للحساب اليسر
Offsettop: الموضع الأعلى لحساب الإحداثي الأبوي للنمط المحدد من قبل سمة Offsettop
Event.Clientx الإحداثيات الأفقية للوثائق النسبية
Event.Clienty الإحداثيات الرأسية للوثائق النسبية
Event.Offsetx الإحداثيات الأفقية للحاويات النسبية
Event.Offsety الإحداثيات الرأسية
document.documenetelement.scrolltop تكرار فالي رولينج فالي
event.clientx+document.documentElement.scrolltop ملصق المقعد الأفقي للوثيقة النسبية+مقدار التدحرج العمودي المتداول
ما سبق بشكل أساسي يشير إلى الفرق بين Firefox في IE: على النحو التالي:
IE6.0 ، FF1.06+:
عرض العميل = عرض + حشوة
ClientHeight = ارتفاع + حشوة
OffsetWidth = Width + Padding + Border
Offsetheight = ارتفاع + حشوة + الحدود
IE5.0/5.5:
عميل العميل = العرض -الحدود
العميل = الارتفاع -الحدود
OffsetWidth = العرض
OffSetheight = الارتفاع
(يجب أن أذكر: لا ترتبط سمات الهامش في CSS بعرض Clientwidth و OffsetWidth و Clientheight و OfficeTheight)