หน้าเว็บเป็นความกว้างของพื้นที่ที่มองเห็นได้: 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.height
ความกว้างของความละเอียดหน้าจอ: window.screen.width
หน้าจอความสูงพื้นที่ทำงาน: window.screen.availheight
หน้าจอความกว้างพื้นที่ทำงาน: window.screen.availwidth
ตำแหน่งที่แม่นยำ HTML
Scrollheight: รับความสูงของวัตถุ
Scrollleft: ตั้งค่าหรือรับระยะห่างระหว่างปลายด้านซ้ายของเนื้อหาที่มองเห็นได้ในปัจจุบันในขอบเขตซ้ายและหน้าต่างของวัตถุ
Scrolltop: ตั้งค่าหรือรับระยะห่างระหว่างด้านบนของวัตถุและด้านบนของหน้าต่างในหน้าต่าง
Scrollwidth: รับความกว้างการเลื่อนของวัตถุ
Offsetheight: ความสูงของพิกัดหลักที่ระบุโดยแอตทริบิวต์ OffsetParent โดยวัตถุที่ได้รับ
Offsetleft: สำหรับการคำนวณตำแหน่งซ้ายของพิกัดปรมาจารย์ของพิกัดปรมาจารย์ที่ระบุโดยแอตทริบิวต์ OffsetParent
OFFSETTOP: ตำแหน่งสูงสุดของการคำนวณพิกัดปรมาจารย์ของรูปแบบที่ระบุโดยแอตทริบิวต์ออฟเซ็ตท็อป
Event.celientx พิกัดแนวนอนของเอกสารสัมพัทธ์
Event.Clienty พิกัดในแนวตั้งของเอกสารสัมพัทธ์
Event.offsetx พิกัดแนวนอนของคอนเทนเนอร์สัมพัทธ์
Event.offsety ของพิกัดแนวตั้ง
document.documenetelement.scrolltop Valted Valley Rolling Valley
event.clientx+document.documentelement.scrolltop ฉลากที่นั่งแนวนอนของเอกสารสัมพัทธ์+ปริมาณของการหมุนแนวตั้งการหมุน
คือความแตกต่างของ Firefox มีดังนี้:
IE6.0, ff1.06+:
clientWidth = width + padding
clientHeight = ความสูง + ช่องว่างภายใน
OffsetWidth = Width + Padding + Border
Offsetheight = ความสูง + ช่องว่าง + เส้นขอบ
IE5.0/5.5:
clientWidth = ความกว้าง -border
clientHeight = ความสูง -border
OffsetWidth = ความกว้าง
Offsetheight = ความสูง
(จำเป็นต้องพูดถึง: คุณลักษณะมาร์จิ้นใน CSS ไม่เกี่ยวข้องกับ ClientWidth, OffsetWidth, ClientHeight, Officetheight)
============================================== ====
เมื่อวานนี้ฉันแทนที่บางหน้าในโครงการ ความกว้างที่ได้รับจากความกว้างของหน้าเว็บที่ได้รับจากประโยคเช่น document.documenetelement.ClientWidth คือ 0 หลังจาก Google บางส่วนฉันรู้ว่ามันขาดการอ้างอิงถึงมาตรฐาน W3C ในหน้าใหม่ทำให้เกิดเอกสารเอกสารการจัดสรรความล้มเหลว 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 ==> ความกว้างของวัตถุหน้า (เช่นความกว้างของวัตถุร่างกายบวกความกว้างมาร์จิ้น) เอกสาร. documenetelement.clientheight ==> หน้าความสูงของวัตถุหน้า (นั่นคือความสูงของวัตถุร่างกายบวกระยะขอบสูง)
โอเปร่าคือ:
document.documentelement.clientWidth ==> ความกว้างของวัตถุหน้า (เช่นความกว้างของวัตถุร่างกายบวกความกว้างมาร์จิ้น) เอกสาร. documenetelement.clientheight ==> หน้าความสูงของวัตถุหน้า (นั่นคือความสูงของวัตถุร่างกายบวกระยะขอบสูง)